بوت اسپرینگ 5 آف کانوینس
- ਪਿਛਲਾ ਪੰਨਾ BS5 Toast
- ਅਗਲਾ ਪੰਨਾ BS5 Offcanvas
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 像素。