Bootstrap scrollspy侧边导航栏不起作用
Bootstrap scrollspy是Bootstrap框架中的一个组件，用于实现滚动监听功能。它可以自动更新导航菜单的激活状态，使得导航菜单能够跟随页面的滚动而相应地高亮显示当前所在的位置。
侧边导航栏不起作用的原因可能有以下几点：
1.未引入必要的JavaScript文件：使用Bootstrap scrollspy功能需要引入jQuery库和Bootstrap的JavaScript文件。请确保在页面中正确引入了这两个文件，并且它们的路径设置正确。
2.未添加必要的HTML结构和CSS类名：scrollspy功能需要特定的HTML结构和CSS类名，才能正常工作。在需要应用scrollspy的导航菜单上，添加"data-spy"和"data-target"属性，分别指定为"scroll"和所要监听的区域或元素的选择器。在被监听的区域或元素上，添加"scrollspy"类名。确保HTML结构和CSS类名设置正确。
3.未设置正确的滚动容器：如果你的页面中存在多个滚动容器（如页面主体、模态框等），需要明确指定scrollspy应该监听哪个滚动容器。通过在导航菜单上设置"data-target"属性为滚动容器的选择器，来指定监听的滚动容器。
4.缺少必要的CSS样式：scrollspy功能需要一些基本的CSS样式来实现效果。确保在页面中正确引入了Bootstrap的CSS文件，并且没有自定义的样式覆盖了相关的样式。
综上所述，若Bootstrap scrollspy侧边导航栏不起作用，可以通过检查以上几个方面来解决问题。此外，腾讯云并未提供与scrollspy功能直接相关的产品，因此无法提供相关产品和链接地址。
相关·内容
我使用的是中使用的Bootstrap词缀侧边导航。正如你在这里看到的，当视图小于768px并且页面切换到移动视图时，scrollspy没有任何意义。因此，只要页面切换到mobile viewe，我就想停用scrollspy。请记住，修复应该只适用于侧边栏-导航-而不是导航栏。有谁有想法吗？
浏览 2提问于2013-07-03得票数 0
Scrollspy函数不适用于我使用列表组创建的垂直导航栏。 我尝试使用nav-pill类，但也遇到了同样的问题。text-justify" style="padding: 2rem;" data-spy="scroll" data-target="#sidenav" data-offset="0" class="scrollspy但是现在，无论我滚动到哪里，侧边栏中只有“Section3
浏览 21提问于2019-06-18得票数 0
我想创建带有子导航的侧边栏导航，当用户进入页面上的父部分时会出现子导航：
我认为使用bootstrap的方法是结合使用affix、scrollspy和collapse插件，但我不确定当用户滚动到或点击到正确的父节时如何触发正确的
浏览 0提问于2013-02-06得票数 3
我在bootstrap页面上看到了左侧的ScrollSpy示例：
我已经停止在我的项目上使用scrollspy，因为滚动条只在页面级别工作，并且我需要滚动条只出现在发生滚动的容器上。
浏览 0提问于2013-07-20得票数 26
回答已采纳
2回答
我已经使用bootstrap设置了一个页面。()我有一个附加的侧边栏导航(它工作得很好)。我也在这个导航上使用bootstrap scrollspy，导航中的所有链接都在同一个页面内(使用ancors)。一切都运行得很好(甚至添加了一个平滑滚动插件)。我只需调用此脚本来强制Scrollspy在所有内容添加到页面(我将其放在<head>中)后进行刷新。我使用如下所示的bootstrap标记和css类来实现：
浏览 0提问于2013-04-03得票数 5
1回答
它配备了一个标准的导航菜单和移动选项，当屏幕小于726px时，它就会改变。 然而，我正在尝试让移动视图一直是默认视图(即我想要一个带有按钮的水平条，无论屏幕宽度如何，它都可以展开和折叠菜单)。CSS，尤其是bootstrap是我最薄弱的地方。请任何人可以帮助解释为什么按钮只会出现时，屏幕小于726px，让我知道。
浏览 16提问于2020-06-03得票数 0
回答已采纳
我正在制作一个只有一个页面的网站，我正在尝试让导航栏链接来反映你所在页面的哪个部分。我尝试过通过HTML使用它，但没有成功。因为那不起作用，所以我试着在javascript中使用Scrollspy $('.container').scrollspy({ target: '#navbar' }) 也不走运。我在bootstrap CDN之前有jQuery CDN，但是我在控制台中得到了这个错误。未捕获TypeError：$(...).scro
浏览 41提问于2019-01-11得票数 4
我想使用Bootstrap中的scrollspy功能，但我更喜欢使用按钮和btn组按钮，而不是导航栏。是的，我可以重新设计导航栏，使其看起来像一个按钮组，但在我这样做之前，似乎有必要检查一下scrollspy是否可以与按钮组一起使用。(我尝试过，但没有成功，但这并不意味着我得到了正确的方法。)
浏览 1提问于2013-01-16得票数 0
1回答
我有一个在Bootstrap中构建的简单的单页面站点，其中有一个浮动的侧边栏。一切都很好，除了在特定的屏幕尺寸上，侧边栏运行到页面底部的部分和页脚。当它到达页面底部的某个部分时，我如何让它停止？activate sidebar */ offset: { } var $body
浏览 11提问于2016-08-27得票数 1
回答已采纳
2回答
我想让我的侧边栏像这里一样滚动，->，这件事让我很难过。我已经查了我能查到的一切，但我还是想不出答案。我在我发现的一个教程中让它工作了一段时间，但是它在ScrollSpy中不太好用。所以我试着用Bootstrap的词缀。ScrollSpy现在正在工作，我想，我只是不能让侧边栏滚动页面。
浏览 1提问于2013-10-20得票数 7
回答已采纳
有问题的导航栏在页面加载时被隐藏，并在表单提交后与所有内容一起显示。这是导航栏代码：<navbar inner code><ul><li's></li's></ul></navbarcode></div我使用的是bootstrap，所以包含了所有相关
浏览 2提问于2012-12-20得票数 0
回答已采纳
我想在不破坏twitter bootstrap中已修复的scrollspy停靠行为的情况下更改导航栏的高度。我可以在哪里调整这个设置？更改nav元素的偏移量属性似乎并没有起到作用。这是一个在导航栏高度更改之前正确对接导航栏的示例，如果向下滚动，您将看到导航栏对接：
然而，一旦我使导航栏变高，潜航器就会完全陷在下面，以为它是导航器和以前一样高。
浏览 0提问于2013-04-23得票数 0
回答已采纳
Bootstrap已在web应用程序中使用。侧边栏抽屉/导航有切换导航，默认情况下应该是动画的(就像bootstrap切换导航是动画的)。但是，不幸的是，没有动画。transition: width 0.3s ease;.navbar-collapse.expanded-menu.in { opacity: 1;它在扩展侧边栏时起作用，但在关闭时不起作用。但是
浏览 2提问于2016-01-21得票数 0
我有带Bootstrap的侧边栏和导航栏的示例代码。sidebar logo navbar {item 1, item 2, item 3}我在的钢笔
它只显示导航栏，不显示任何类似按钮的切换按钮来打开侧边栏。
浏览 2提问于2016-11-07得票数 1
2回答
我正在考虑在我的下一个项目中使用Bootstrap框架。Bootstrap 3官方站点有很多默认模板可供选择，但在我看来它们都有相同的缺陷--我将在下面解释。最好的响应性设计功能之一，如果JS和CSS媒体查询相结合，采取常规，在顶部，导航，并把它变成一个隐藏的(点击)展开/折叠菜单。一个更好的解决方案是让左侧或右侧的滑动菜单栏推送或重叠站点的内容。不幸的是，这样的例子没有太多的菜单，或者至少我不能找到它们。
浏览 1提问于2014-02-06得票数 0
1回答
我使用Bootstrap。如何将这些输入域放在一个隐藏的侧边栏中，当我单击导航栏中的一个切换器时，它会显示出来？侧边栏应该是覆盖的，并有完整的高度。我想我可以使用一个位置绝对、高度100%、宽度300px、顶部0和右侧0的<div>元素，但我不知道如何通过导航栏中的按钮来切换它。此外，如果切换按钮在导航栏的右侧，那么侧边<e
浏览 2提问于2015-10-18得票数 0
我正在尝试捕获Scrollspy的事件，以便运行函数。Scrollspy正在努力更改导航栏上的激活链接。但我无法捕获该事件以在其他地方使用它。scroll" data-target="#navbar" data-offset="30">
$(document).ready(function(){
$('body').scrollspytarget: "#navbar",
浏览 2提问于2018-01-08得票数 3
1回答
下面是这款闪亮应用的导航栏布局。现在，当我改变屏幕尺寸时，我希望导航栏菜单转换为汉堡菜单，而不是将一个菜单与另一个菜单对齐。filename=tryhow_js_topnav library(shiny) "Bootstrap scrollspy onupdateScrollspy")),
浏览 25提问于2019-04-05得票数 1
回答已采纳
在新版本的twitter bootstrap上，所有的例子都会在滚动时在页面的左上侧显示一个侧边栏，但我记得以前的版本是在主导航栏固定在页面顶部之后才显示这个侧边栏的。在新版本中，有没有办法修复这个“侧边栏”导航？
浏览 1提问于2012-10-20得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
