آموزش کار با Scrollspy در بوت استرپ 4-قسمت35

با نام ویاد خداوند با عرض سلام و وقت بخیر خدمت کاربران سایت هیلتن ، با یکی دیگر از جلسات دوره کامل آموزش بوت استراپ4 در خدمت شما دوستان هستیم . در این آموزش قصد داریم شما را با نحوه کا باScrollspy آشنا کنیم. آموزش کار با Scrollspy در بوت استرپ 4: از کامپوننت Scrollspy در Bootstrap 4 برای ایجاد لینک های پرشی در صفحات وب استفاده می شود. در صورت کلیک بر روی هر لینک محتوای مرتبط به آن لینک در صفحه یا عنصر دربرگیرنده، نمایش داده خواهد شد و صفحه به آن نقطه پرش می کند. آموزش نحوه ایجاد یک Scrollspy در بوت استرپ 4: خاصیت Scrollرا به المنتی که دربرگیرنده منطقه اسکرول و پرش لینک ها و درواقع عنصر حاوی محتویات هدف است، اعمال کنید. سپس خاصیت data-target را که مقدار آن برابر با Id یا کلاس عنصر منوی Navigation Bar است، اضافه کنید (کلاس navbar). این کار برای اطمینان از اتصال منوی navbar به منطقه اسکرول شونده و دربرگیرنده محتوی است. در نهایت خاصیت اختیاری data-offset تعیین کننده تعداد پیکسل فاصله از بالای عنصر اسکرول شونده است که در هنگام محاسبه موقعیت آن، لحاظ خواهد شد. این خاصیت زمانی کاربرد دارد که شما احساس می کنید لینک های درون منوی navbar، حالت فعال بودن (active state) خود را در هنگام پرش به عناصر اسکرول شونده، خیلی زود، تغییر می دهند. مقدار پیش فرض آن 10 پیکسل است. دانلود از وبسایتwww.heilton.com
ویدیوهای مرتبط
ویدیوهای جدید