fateme
5 سال پیش توسط fateme مطرح شد
3 پاسخ

ایجاد اسکرول اسپای در ری اکت جی اس

سلام ، در ری اکت جی اس ، با وجود اینکه کامپوننت های زیادی دارم و هر کدام از کامپوننت ها ، از جمله navbar من ، به صورت جدا هستند، چطور باید اسکرول اسپای رو پیاده کنم ؟
ممنون از توجه تون


ثبت پرسش جدید
علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
1

درود

پکیجی هست به نام react-scrollspy که می‌تونید ازش به شکل زیر استفاده کنید:

import Scrollspy from 'react-scrollspy'

...

<div>

  <div>
    <section id="section-1">section 1</section>
    <section id="section-2">section 2</section>
    <section id="section-3">section 3</section>
  </div>

  <Scrollspy items={ ['section-1', 'section-2', 'section-3'] } currentClassName="is-current">
    <li><a href="#section-1">section 1</a></li>
    <li><a href="#section-2">section 2</a></li>
    <li><a href="#section-3">section 3</a></li>
  </Scrollspy>

</div>

https://www.npmjs.com/package/react-scrollspy

همچنین react-scrollspy-nav هم هست . می‌تونید به مستنداتش سری بزنید:
https://www.npmjs.com/package/react-scrollspy-nav


fateme
@ayzanrad 5 سال پیش مطرح شد
0

@ali.bayat ممنون از توجه شما
بله این پکیج رو دیده بودم ، ولی من کامپوننت هام تو در تو هست ، برای اونها جواب نمیده


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
1

بالاخره هرقدر هم تودرتو باشند... باید بتونید یه id براشوند assign کنید


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام