问
你如何在Bootstrap 3导航栏中使用headroom.js？
naozhewaner_254 发布于 2023-02-09 15:48我找到了这个JavaScript小部件http://wicky.nillia.ms/headroom.js/,我想在使用Bootstrap 3的Web应用程序中使用它.它似乎不起作用.我应该做什么的建议或例子？
我目前正在导航栏上使用navbar-fixed-top.我尝试了没有它,它仍然没有工作.我可以看到headroom.js类应用于标题,但UI元素没有效果.
解决
您需要添加此样式.
资料来源:http://codeasp.net/blogs/raghav_khunger/microsoft-net/2314/how-to-use-headroom-js
2 个回答
-
试试这个 :
<script type="text/javascript"> $(".navbar-fixed-top").headroom(); </script>资料来源:http://codeasp.net/blogs/raghav_khunger/microsoft-net/2314/how-to-use-headroom-js
演示:http://fiddle.jshell.net/raghav_khunger/d7QQ8/2/show/light/
2023-02-09 15:51 回答
花痴-耐你们_304 -
我找到了问题的解决方案.您需要添加此样式.
<style type="text/css"> .headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .2s ease-in-out;} .headroom--unpinned {top: -100px;} .headroom--pinned {top: 0;} </style>资料来源:http://codeasp.net/blogs/raghav_khunger/microsoft-net/2314/how-to-use-headroom-js
感谢Fox Genki的源链接.
2023-02-09 15:54 回答
落幕YL他
撰写答案
今天，你开发时遇到什么问题呢？
立即提问
京公网安备 11010802041100号