Bootstrap 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 position 属性的值设置为 "relative" 才能正常工作。 匹配
)。
data-bs-offset
属性规定在计算滚动位置时从顶部偏移的像素数。当导航栏中的链接在跳转到可滚动元素时,如果您感觉过早更改了活动状态时,这很有用。默认值为 10 像素。