我有以下jQuery脚本来向下滚动页面。
$(document).ready(function() {
$('a[href^=#]').on('click', function(e){
var href = $(this).attr('href');
$('html, body').animate({
scrollTop:$(href).offset().top
},1500);
e.preventDefault();
});
});
页面有一个固定的标题,高度为100px。显然我需要向下滚动100px,因此标题不会覆盖标题。 我用谷歌搜索,我需要输入" {offset:-100}"在哪里..但在哪里?
答案 0 :(得分:3)
只需从scrollTop数量减少标题高度。
$('html, body').animate({
scrollTop: $(href).offset().top - $("header").outerHeight() + "px"
}, 1500);