草庐IT

scrollspy

全部标签

javascript - Twitter Bootstrap scrollspy 总是选择最后一个元素

我对scrollspy有疑问,在这个fiddle中重新创建:http://jsfiddle.net/jNXvG/3/如演示中所示,无论滚动位置如何,ScrollSpy插件始终保持最后一个菜单项被选中。我已经阅读了其他问题和答案,并尝试了offset等的不同组合,但都没有帮助。我不知道出了什么问题。我不想编辑我的模板以包含丑陋的html“数据”标签,所以我通过JavaScript调用scrollspy()来激活插件。下一步是删除固定内容高度并使用'affix'在侧边栏上。 最佳答案 我遇到了完全相同的问题,对我来说,添加height:

Bootstrap5 滚动监听(Scrollspy)

Bootstrap5滚动监听(Scrollspy)滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动。如何创建滚动监听以下实例演示了如何创建滚动监听:实例可滚动区域-->bodydata-bs-spy="scroll"data-bs-target=".navbar"data-bs-offset="50">导航栏-元素用于跳到指定滚动区域-->navclass="navbarnavbar-expand-smbg-darknavbar-darkfixed-top">...ulclass="navbar-nav">li>ahr

Bootstrap5 滚动监听(Scrollspy)

Bootstrap5滚动监听(Scrollspy)滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动。如何创建滚动监听以下实例演示了如何创建滚动监听:实例可滚动区域-->bodydata-bs-spy="scroll"data-bs-target=".navbar"data-bs-offset="50">导航栏-元素用于跳到指定滚动区域-->navclass="navbarnavbar-expand-smbg-darknavbar-darkfixed-top">...ulclass="navbar-nav">li>ahr

Bootstrap4 滚动监听(Scrollspy)

Bootstrap4滚动监听(Scrollspy)滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动。如何创建滚动监听以下实例演示了如何创建滚动监听:实例可滚动区域-->bodydata-spy="scroll"data-target=".navbar"data-offset="50">Thenavbar-Theelementsareusedtojumptoasectioninthescrollablearea-->navclass="navbarnavbar-expand-smbg-darknavbar-darkfix

Bootstrap4 滚动监听(Scrollspy)

Bootstrap4滚动监听(Scrollspy)滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动。如何创建滚动监听以下实例演示了如何创建滚动监听:实例可滚动区域-->bodydata-spy="scroll"data-target=".navbar"data-offset="50">Thenavbar-Theelementsareusedtojumptoasectioninthescrollablearea-->navclass="navbarnavbar-expand-smbg-darknavbar-darkfix

Bootstrap 滚动监听(Scrollspy)插件

Bootstrap滚动监听(Scrollspy)插件滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动,基于滚动条的位置向导航栏添加.activeclass。如果您想要单独引用该插件的功能,那么您需要引用scrollspy.js。或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法您可以向顶部导航添加滚动监听行为: 通过data属性:向您想要监听的元素(通常是body)添加data-spy="scroll"。然后添加带有Bootstrap.n

Bootstrap 滚动监听(Scrollspy)插件

Bootstrap滚动监听(Scrollspy)插件滚动监听(Scrollspy)插件,即自动更新导航插件,会根据滚动条的位置自动更新对应的导航目标。其基本的实现是随着您的滚动,基于滚动条的位置向导航栏添加.activeclass。如果您想要单独引用该插件的功能,那么您需要引用scrollspy.js。或者,正如Bootstrap插件概览一章中所提到,您可以引用bootstrap.js或压缩版的bootstrap.min.js。用法您可以向顶部导航添加滚动监听行为: 通过data属性:向您想要监听的元素(通常是body)添加data-spy="scroll"。然后添加带有Bootstrap.n
12