草庐IT

Headroom

全部标签

javascript - 具有初始静态状态的 Headroom.js header

我正在使用很棒的Headroom.js用于构建自动隐藏header的插件。header从一开始就是静态的,并在偏移量后固定(向下滚动时),然后返回静态(当它回到顶部时)。这是我所做的:http://codepen.io/netgloo/pen/KmGpBL但我遇到了两个问题:从顶部向下滚动:当标题被固定时,我看到它向下滑动并突然向上滑动从中间页面向上滚动:当页眉到达偏移量时它会消失,但我需要将它固定在顶部有人可以给我一些帮助或想法吗?谢谢这是我初始化插件的方式:varmyElement=document.querySelector("header");varheadroom=newHe

javascript - 你如何将 headroom.js 与 Bootstrap 3 导航栏一起使用?

我找到了这个JavaScript小部件http://wicky.nillia.ms/headroom.js/我想在使用Bootstrap3的Web应用程序中使用它。它似乎不起作用。有什么建议或例子我应该做什么?我目前在导航栏上使用navbar-fixed-top。我尝试过使用和不使用它,但它仍然无法正常工作。我可以看到应用于页眉的headroom.js类,但对UI元素没有影响。已解决你需要添加这个样式。.headroom{position:fixed;top:0;left:0;right:0;transition:all.2sease-in-out;}.headroom--unpinn