我正在使用Bootstrap3.1.0。当“词缀”对于视口(viewport)来说太长时,它会被切断,永远不会显示底部项目。是否有可能让Bootstrap的词缀以用户仍然可以从上到下滚动完整词缀的方式运行?有问题的例子:Longlistwithmanyentries...29.Last...regularcontentIhopemyjsFiddleexemplifiesthisproblem. 最佳答案 希望对你有帮助:只需添加一个overflow-yJsfiddle:http://jsfiddle.net/Ja3XT/1/添加的C
在我的网站上用iPad测试词缀后,我发现它不能正常工作,我用眼镜观察它是iOS的问题https://github.com/twbs/bootstrap/issues/11560目前还没有简单的解决方案。iOSjusthasproblemswithcalculatingfixedpositionasyouscroll.Basicallyyoudon'tgetanupdatedfixedpositionuntilaslightdelayafteryoustopscrolling有什么我可以做的让它工作吗,可能有人已经做了一些解决? 最佳答案
我正在使用TwitterBootstrap的词缀来附加当前包含导航列表的左栏。NavigationLink1Link2根据我的理解,这意味着在滚动300px之前词缀不会生效。我的问题是词缀加入后我的列表项的宽度发生了变化。这是我在词缀开始之前将鼠标悬停在列表项上的屏幕截图。您可以根据悬停背景,宽度是正确的。这是我滚动300像素并添加词缀后的屏幕截图。您可以看到由于某种原因宽度减小了。我想知道为什么会这样,如何纠正它,以及我是否正确使用词缀。 最佳答案 经过一些研究,我弄清楚了问题所在。在词缀开始之前,宽度是从“span3”div继承
较新所以滚动现在可以正常工作了……但是它固定在页面的顶部。我需要它位于正确的位置(在内容旁边),然后在它的当前位置开始滚动内容。我想让我的侧边栏像这里这样滚动->http://getbootstrap.com/2.3.2/components.html网址是http://www.katyasarmiento.zzl.org(目前是免费托管网站)年长我真的很难过。我已经尽我所能查找了所有内容,但我仍然无法弄清楚。我通过找到的教程让它工作了一段时间,但它在ScrollSpy上效果不佳。所以我正在尝试使用Bootstrap的Affix。我是javascript/jquery的新手,所以如果有
我试图在用户滚动经过它时添加一个工具栏。词缀部分工作正常但是我想在实际应用词缀类时调整主容器上的填充。http://getbootstrap.com/javascript/#affix-usage列出了一些事件但是;我不能让他们中的任何一个开火。JSfiddle看起来不对,我猜是因为大小。但是,当词缀应用于#nav时,这些事件基本上都不会被触发。$('#nav').on('affix.bs.affix',function(){alert('Fired!');});你可以在这里看到更多我的代码。它本质上只是BS示例中给出的导航栏。http://jsfiddle.net/dTR4A/1/
根据Bootstrap3文档,我已将以下属性添加到导航栏:...在向下滚动页面后,Bootstrap4没有向附加的导航栏添加类。谁能告诉我如何解决这个问题?Bootstrap.js和jQuery.js正在运行。 最佳答案 虽然这个词缀在版本4中从Bootstrap中删除了。但是,您可以通过这段jQuery代码实现您的目标:$(window).on('scroll',function(event){varscrollValue=$(window).scrollTop();if(scrollValue==settings.scrollT
我有一个使用TwitterBootstrapAffix的元素插入。如果窗口垂直调整到小于项目高度的位置,我想从元素中删除词缀功能,因为您将无法在窗口中看到所有内容。到目前为止,我已经在控制台中尝试过这个,只是想看看它是否可以被删除,但它似乎没有用。$("#myElement").removeClass("affixaffix-topaffix-bottom").removeData("affix");$(window).off("scroll.affix.data-api,click.affix.data-api");也许我的做法不对?如何以编程方式从已应用词缀的元素中删除词缀?
Theselines在bootstrap词缀插件中似乎会导致内存泄漏,因为窗口获取对从未释放的词缀实例的引用。作为解决方法,我使用这段代码在从DOM中删除附加元素时释放引用:$(window).off('scroll.bs.affix.data-api').off('click.bs.affix.data-api');似乎有点老套——有更好的方法吗?在affixplugindocs中没有看到任何内容. 最佳答案 默认情况下,bootstrapAffix使用.bs监听$(window)上的scroll和click事件>、.affix和
我有固定左侧边栏的长页面:menu1menu2menu3menu4menu5menu6menu7和用于affix的js:$("#sidebar").affix({offset:{top:0,bottom:420}});我有height:390px的页脚。当我第一次滚动到页面底部并尝试向上滚动时,侧边栏返回到它的第一个位置(到页面顶部)并且它不再是position:fixed。内联样式position:relative,添加BootstrapJS。当我滚动到顶部时,我看到类更改为affix-top。每隔一个滚动页面位置,类是affix,即使是页面底部和侧边栏也保持position:rel
我有固定左侧边栏的长页面:menu1menu2menu3menu4menu5menu6menu7和用于affix的js:$("#sidebar").affix({offset:{top:0,bottom:420}});我有height:390px的页脚。当我第一次滚动到页面底部并尝试向上滚动时,侧边栏返回到它的第一个位置(到页面顶部)并且它不再是position:fixed。内联样式position:relative,添加BootstrapJS。当我滚动到顶部时,我看到类更改为affix-top。每隔一个滚动页面位置,类是affix,即使是页面底部和侧边栏也保持position:rel