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

- 1 هفته پیش
توسط علی بیات آپدیت شد
fateme ( 1320 تجربه )
2 هفته پیش

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

علی بیات ( 192597 تجربه )
2 هفته پیش
تخصص : توسعه دهنده ارشد وب

درود

پکیجی هست به نام 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 ( 1320 تجربه )
1 هفته پیش

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

علی بیات ( 192597 تجربه )
1 هفته پیش
تخصص : توسعه دهنده ارشد وب

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

برای ارسال پاسخ باید وارد سایت شوید