Css 引导添加带有scrollspy和固定导航的偏移量
我已使用scrollspy和平滑滚动设置了固定导航: HTMLCss 引导添加带有scrollspy和固定导航的偏移量,css,twitter-bootstrap,navigation,smooth-scrolling,Css,Twitter Bootstrap,Navigation,Smooth Scrolling,我已使用scrollspy和平滑滚动设置了固定导航: HTML 这工作得很好,不幸的是它滚动时没有任何偏移(我的导航高度为80px)。我试图添加“数据偏移量=80”,但这没有任何作用。我不太确定我必须向JS添加什么才能使其正常工作:(由于您有一个导航栏固定顶部,您需要手动设置偏移量。请尝试 $("body").scrollspy({offset: 80}); 的答案可能会对您有所帮助。请使用css技巧尝试本教程,无javascript: $(".navbar-nav li a[href^='#
这工作得很好,不幸的是它滚动时没有任何偏移(我的导航高度为80px)。我试图添加“数据偏移量=80”,但这没有任何作用。我不太确定我必须向JS添加什么才能使其正常工作:(由于您有一个导航栏固定顶部,您需要手动设置偏移量。请尝试
$("body").scrollspy({offset: 80});
的答案可能会对您有所帮助。请使用css技巧尝试本教程,无javascript:
$(".navbar-nav li a[href^='#']").on('click', function(e) {
e.preventDefault();
var hash = this.hash;
$('html, body').animate({
scrollTop: $(this.hash).offset().top
}, 1000, function(){
window.location.hash = hash;
});
});
$("body").scrollspy({offset: 80});