javascript - 推特 Bootstrap Scrollspy 突出显示最终元素-6ren

javascript - 推特 Bootstrap Scrollspy 突出显示最终元素

转载作者：数据小太阳更新时间：2023-10-29 03:59:04

我正在构建一个单页网站，顶部栏导航链接到页面上的不同部分。我已经使用 Scrollspy 将其链接起来作为<body data-spy="scroll" data-offset="50" id="home"> .效果很好。每个部分都在导航中突出显示。

问题出在最后一节。因为它是一小节并且不会填满整个页面 id="contact"永远不会到达，因此导航元素不会突出显示。

我注意到在 bootstrap examples page 上当您到达最后一个元素时，它会在其 id 之前突出显示已达到 - 但 id与所有其他部分一样位于该部分的顶部。

我已经查看了自定义 application.js文件，但看不到任何与 scrollspy 行为相关的内容。

任何人都可以阐明它吗？

最佳答案

对于某些人来说，这个问题可能是由于怪癖/DOCTYPE 问题引起的。如果您的滚动区域在主体上，则 scrollspy 将计算窗口对象的视口(viewport)高度。如果您使用的是 jQuery 1.8.2 并且没有设置正确的 DOCTYPE，则视口(viewport)高度的 scrollspy 计算将返回总高度，从而导致始终选择最后一项。

如果像 http://twitter.github.com/bootstrap/javascript.html 一样切换回 jQuery 1.7.2然后它将再次工作，或者您可以设置正确的 DOCTYPE。

这是关于“notabug”问题的更多信息:http://bugs.jquery.com/ticket/12426

关于javascript - 推特 Bootstrap Scrollspy 突出显示最终元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9841246/