由于固定标头,jQuery滚动偏移

时间:2014-09-12 10:03:01

标签: javascript jquery html css

我有以下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}"在哪里..但在哪里?

1 个答案:

答案 0 :(得分:3)

只需从scrollTop数量减少标题高度。

 $('html, body').animate({
   scrollTop: $(href).offset().top - $("header").outerHeight() + "px"
 }, 1500);