Bootstrap 5 Scrollspy
- پچھلے پہلہ BS5 تاس
- آئندہ پہلہ BS5 آف کانواس
Scrollspy
Scrollspy کا استعمال کیا جاتا ہے اس کے مطابقچرخانہپوزیشن خودکار اپدیت لینکوں کی فہرست ناویگیشن میں.
如何创建 Scrollspy
下例展示如何创建 Scrollspy:
实例
...Section 1
请尝试滚动此页面并在滚动时查看导航栏!
例子解释
将 data-bs-spy="scroll"
添加到用作可滚动区域的元素(通常是 元素)。
然后添加 data-bs-target
属性,其值为 id 或导航栏的类名(.navbar
)。这是为了确保导航栏与可滚动区域相连。
请注意,可滚动元素必须与导航栏列表项内的链接 ID 匹配( 可选的 نسبتی پوزیشن کی ضرورت ہوتی ہے،عنصر جس پر data-bs-spy="scroll" کا ویژن رکھا گیا ہے، اس کو CSS پوزیشن اگر آپ کا مقصد 'relative' کا مطلب رکھنا ہے تو اس کا استعمال کرنے سے صحیح طریقے سے کام کرتا ہے۔ 匹配
)。
data-bs-offset
属性规定在计算滚动位置时从顶部偏移的像素数。当导航栏中的链接在跳转到可滚动元素时,如果您感觉过早更改了活动状态时,这很有用。默认值为 10 像素。