Bootstrap 5 Scrollspy

Scrollspy

Scrollspy کا استعمال کیا جاتا ہے اس کے مطابقچرخانہپوزیشن خودکار اپدیت لینکوں کی فہرست ناویگیشن میں.

如何创建 Scrollspy

下例展示如何创建 Scrollspy:

实例






Section 1

请尝试滚动此页面并在滚动时查看导航栏!

...

亲自试一试

例子解释

data-bs-spy="scroll" 添加到用作可滚动区域的元素(通常是 元素)。

然后添加 data-bs-target 属性,其值为 id 或导航栏的类名(.navbar)。这是为了确保导航栏与可滚动区域相连。

请注意,可滚动元素必须与导航栏列表项内的链接 ID 匹配(