我找到了这个JavaScript小部件http://wicky.nillia.ms/headroom.js/,我想在使用Bootstrap 3的Web应用程序中使用它。它似乎不起作用。有什么建议或例子我应该怎么做?

我目前在导航栏上使用navbar-fixed-top。我尝试了是否使用它,但仍然无法正常工作。我可以看到将headroom.js类应用于标题,但是UI元素中没有任何影响。

已解决

您需要添加此样式。

<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

最佳答案

我找到了解决问题的办法。您需要添加此样式。

<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提供源链接。

07-28 05:45