为什么BS4 Scrollspy不能正常工作？
BS4 Scrollspy不能正常工作的原因可能有多种，以下是一些可能的原因和解决方法：
- 错误的HTML结构：BS4 Scrollspy依赖于正确的HTML结构来工作。确保你的HTML结构正确，并且包含正确的标签和类名。具体来说，确保你的导航栏包含一个带有"data-spy"和"data-target"属性的元素，以及正确的目标元素和活动类。
- 缺少必要的JavaScript文件：BS4 Scrollspy需要引入Bootstrap的JavaScript文件来工作。确保你已经正确地引入了Bootstrap的JavaScript文件，并且在使用Scrollspy之前已经加载。
- JavaScript冲突：如果你的页面中有其他的JavaScript代码，可能会导致冲突，从而影响BS4 Scrollspy的正常工作。尝试将其他的JavaScript代码注释掉，然后逐步解除注释，以确定是否有冲突的代码。
- 目标元素高度不正确：BS4 Scrollspy通过检测目标元素的位置来确定活动的导航项。如果目标元素的高度不正确，可能会导致Scrollspy无法正常工作。确保目标元素的高度正确，并且没有任何不必要的外边距或内边距。
- 未正确初始化Scrollspy：BS4 Scrollspy需要通过JavaScript代码进行初始化。确保你已经正确地初始化了Scrollspy，并且将其应用到适当的元素上。
如果以上方法都没有解决问题，可以尝试查看BS4 Scrollspy的官方文档，寻找更多的解决方法或者提交问题给BS4 Scrollspy的开发者社区。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（Tencent Blockchain）：https://cloud.tencent.com/product/tencentblockchain
相关·内容
2回答
我在让Bootstrap 4的Scrollspy工作时遇到了问题。我已经检查了BS4文档，并在youtube上做了一个小的Scrollspy教程，但我不知道我做错了什么。我目前正在使用CDN来处理BS4的CSS和JS文件。
浏览 15提问于2019-02-02得票数 1
回答已采纳
我正在尝试通过ScrollSpy实现JavaScript。这是js：$(".scroll-area").scrollspy({target: "#myNavbar"})
});</
浏览 1提问于2015-04-30得票数 0
回答已采纳
似乎很容易做到，我认为这是很容易做到，但我有问题，使其工作。
我只下载了Scrollspy JS插件，因为我没有使用Twitter Bootstrap CSS。我只需要Scrollspy插件。
浏览 0提问于2012-09-13得票数 0
回答已采纳
1回答
我试图将UIkit滚动间谍与aurelia一起使用，但无法让它工作。我下载了骨架导航并用jspm安装了uikit。;<div class="uk-panel uk-panel-box uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-fade" data-uk-scrollspy</e
浏览 3提问于2015-06-30得票数 1
回答已采纳
我有一个简单的Bootstrap模式设置，在模式中我有一个nav和scrollspy设置的内容。然而，它并不起作用。我看到它被激活了，但是导航从来没有更新过。完整的源代码在这里太长了，你不能看到我得到的效果，所以我设置了一个
我使用data-spy="scroll"方法来启用它。我做错了什么？为什么导航系统没有更新你的位置？
浏览 0提问于2012-08-11得票数 4
回答已采纳
1回答
我有一些问题，使bootstrap的scrollspy工作。输出页面生成正常，没有任何javascript错误。下面是我设置的JSFiddle。Three</section> <script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrol
浏览 0提问于2013-03-24得票数 0
我有一个与materialze的React (16.8)项目设置，我尝试自定义scrollSpy，这是随机工作。有时它的偏移量为0，有时默认行为生效(屏幕中心)。document.addEventListener('DOMContentLoaded', function() { M.ScrollSpy.init(elems, { scrollOffse
浏览 23提问于2019-05-16得票数 0
因为那不起作用，所以我试着在javascript中使用Scrollspy $('.container').scrollspy({ target: '#navbar' }) 也不走运。未捕获TypeError：$(...).scrollspy不是函数 CodePen：https://codepen.io/kjardine/pen/VqEbaz
浏览 41提问于2019-01-11得票数 4
1回答
我正在使用bootstrap的ScrollSpy插件创建一个基本的滚动导航。我已经在我的身体中设置了数据间谍和数据目标，但是当我滚动时，活动链接样式没有被应用。
浏览 0提问于2017-02-02得票数 0
我从来没有在我的项目中使用过scrollspy，我需要知道它是如何工作的。我已经看过bootstrap页面上的文档、一些其他的stackoverflow问题和youtube视频。-- End Body container -->$(function() {
$("body").scrollspy({target: "#navbar"});
浏览 1提问于2015-10-04得票数 2
2回答
我读了几本关于ScrollSpy的“如何操作”、“堆栈溢出”、“博客文章”，但我无法解决问题。有谁可以帮我？求你救救我！我的婚礼取决于..。:)
谢谢!
浏览 5提问于2014-01-06得票数 0
回答已采纳
1回答
我有滚动工作，但我似乎不能得到只有面板与id的链接目标来打开。现在，我只是点击打开所有的手风琴面板与css。
浏览 52提问于2020-01-26得票数 0
1回答
>Templates for Acquisitions</a></li>然后页面中的内容/部分</ul><section id="pre-acquisitio
浏览 0提问于2016-03-02得票数 1
我似乎完全按照文档操作，但我不明白为什么它不会在向下滚动到这些部分时突出显示导航栏列表项目文本。
浏览 3提问于2017-09-18得票数 0
我正在尝试让scroll在带有Bootstrap 3的Meteor应用程序中工作。
浏览 3提问于2013-12-04得票数 2
当我滚动到文档中的特定部分时，我希望相应的链接是活动的(很像scroll-spy作品)，但我似乎无法让它工作。
是否需要设置一些特殊设置，以便Bootstrap在适当的时候添加“活动”类？
浏览 0提问于2012-08-24得票数 12
回答已采纳
您好，我在基础框架中使用Bootstrap Scrollspy。
到目前为止，我成功地让scrollspy工作了，但并不像它应该的那样。scrollspy可以正确地更改navi的状态，但不能完全更改指定div上的状态。第一个div容器，scrollspy应该在其中更改navi，工作良好，但随后到以下容器的偏移量增加，最后scrollspy在nomansland中更改它的状态，而不是在div的顶部。当站点加载时，scrollspy会显示
浏览 2提问于2012-05-15得票数 3
回答已采纳
0回答
问题是，在上一节中，scrollspy是活动的。我想让scrollspy在这一点上不显示任何活动，并在有效锚点的下一节将出现时继续。我尝试了的解决方案，但它们在bootstrap 4中似乎不起作用，我甚至不能捕捉触发器，它应该通过执行以下操作来工作： alert('sdsd'
浏览 0提问于2017-12-14得票数 0
回答已采纳
这段代码在firefox中不能正常工作，而高偏移数非操作，这可以在chrome上工作。="p-menu"> <a href="#info" data-scroll="#info" class="product-scrollspy></i><span>Informations<
浏览 1提问于2014-12-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
