向下滚动导航栏固定顶部容器流体时引导导航栏容器
罗素
扎基
所以，
如果我理解您的问题，您希望在用户开始滚动后将导航栏附加到顶部。好吧，这是我对此的实现......我使用了这个答案https://stackoverflow.com/a/21301875并针对这种情况修改了它并记录了代码。
/**
* Scroll management
*/
$(document).ready(function () {
// Define the menu we are working with
var menu = $('.navbar.navbar-default.navbar-inverse');
// Get the menus current offset
var origOffsetY = menu.offset().top;
/**
* scroll
* Perform our menu mod
*/
function scroll() {
// Check the menus offset.
if ($(window).scrollTop() >= origOffsetY) {
//If it is indeed beyond the offset, affix it to the top.
$(menu).addClass('navbar-fixed-top');
} else {
// Otherwise, un affix it.
$(menu).removeClass('navbar-fixed-top');
}
}
// Anytime the document is scrolled act on it
document.onscroll = scroll;
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
单击导航链接时如何向下滚动到导航栏
- 2
固定的导航栏顶部滚动问题，页面内容覆盖
- 3
Bootstrap 3固定顶部导航栏显示水平滚动
- 4
Bootstrap固定顶部导航栏与垂直滚动条重叠
- 5
滚动后固定引导导航栏
- 6
向下滚动时，导航栏变为透明并固定在顶部
- 7
引导程序。滚动链接菜单并修复页面顶部的导航栏
- 8
滚动时如何将导航栏固定在顶部？
- 9
CSS-使导航栏在滚动时固定在固定顶部导航栏上吗？
- 10
滚动时如何使导航栏保持固定
- 11
容器中的导航栏
- 12
滚动顶部导航栏
- 13
单击导航链接时如何向下滚动到导航栏
- 14
用户滚动页面时尝试在顶部固定导航栏时面临的问题
- 15
固定的导航栏顶部滚动问题，页面内容覆盖
- 16
向下滚动到时，将导航栏固定在顶部
- 17
滚动后固定引导导航栏
- 18
动态引导程序3导航栏固定的顶部重叠内容
- 19
引导导航栏无法适应容器
- 20
固定在顶部导航栏覆盖网站上的引导程序
- 21
向下滚动页面时，导航栏将移至顶部
- 22
向下滚动时，导航栏变为透明并固定在顶部
- 23
滚动时更改导航栏固定的顶部颜色
- 24
引导滚动和固定的导航栏-容器类的越野车？
- 25
导航栏固定在顶部
- 26
将导航栏固定到顶部，同时向下滚动到目前为止
- 27
固定导航栏在向下滚动时被页面的其余部分覆盖
- 28
向下滚动时如何隐藏导航栏？
- 29
向下滚动时如何使标题和导航栏都固定在顶部
我来说两句