我需要平滑滚动偏移 100 像素。到目前为止我有这个:
$(function() {
$('a.page-scroll').bind('click', function(event) {
var $anchor = $(this);
$('html, body').stop().animate({
scrollTop: $($anchor.attr('href')).offset().top
}, 1500, 'easeInOutExpo');
event.preventDefault();
});
});
这让我的链接动起来了!但是我该如何添加 .offset().top > 100 呢?如果有人可以提供帮助,我遇到了问题。
最佳答案
听起来你有一个固定的导航栏。假设你的 anchor 是空的:
<a class="anchor" id="foo"></a>
只需偏移 css 中的 anchor :
.anchor {
top: -100px;
position: relative;
display: block;
}
或者,您可以通过更新 javascript 来偏移 scrollTop:
scrollTop: $($anchor.attr('href')).offset().top - 100
关于javascript - 偏移平滑滚动 Bootstrap JS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31200450/