引导3.0:当内容在有固定导航栏下移动时触发
引导3.0:当内容在有固定导航栏下移动时触发
提问于 2015-07-01 14:16:11
我已经修复了站点顶部的引导3.0导航条。对于大型内容，当用户向下滚动站点内容时，该内容会移动到其下方。A样本at：http://www.bootply.com/wgOrXN2R2b
我希望在用户滚动和页面内容在导航栏下面移动时，立即在navbar上设置css，并在用户向上滚动并且内容不再低于navbar时立即删除css。( css将在nav中添加一个方框阴影，并在内容移动到其下方时形成一条细的透明线)
我使用了下面的js：
function scroll() {
if ($(window).scrollTop() >= $('#content').offset().top) {
$(".navbar-fixed-top").addClass('fadeOut');
} else {
$(".navbar-fixed-top").removeClass('fadeOut');
}
}
document.onscroll = scroll;但是，正如您在示例中所看到的，它不能很好地工作，css应用于某些行之后。
Stack Overflow用户
回答已采纳
发布于 2015-07-01 14:29:19
我想你只需要考虑一下肚脐的高度
if ($(window).scrollTop() > ($('#content').offset().top - 50)) {页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/31163894
复制相关文章
相似问题
腾讯云开发者
