平滑滚动不起作用

Question

Donec sed odio dui。 Nullam id dolor id nibh ultricies vehicula ut id elit。 Morbi leo risus，porta ac consectetur ac，vestibulum at eros。 Cras justo odio，dapibus ac facilisis in，egestas eget quam。

Answer 1

OMG终于发现了该死的问题......

滚动不在主体或html标签上，它在包装器上......

更改代码如下：

$("a.scroll").click(function(event){
    event.preventDefault();
    $('.wrapper').animate({
        scrollTop:$(this.hash).offset().top - $('#header').outerHeight()
    }, 550);
})

Answer 2

滴水代码是非常好的代码！但如果您有＆＃34; 滚动到随机位置＆＃34;像Joseph Bergdoll一样你必须删除＆＃39;＃header＆＃39;并将其变为空。 喜欢这个：

$("a.scroll").click(function(event){
    event.preventDefault();
    $('.wrapper').animate({
        scrollTop:$(this.hash).offset().top - $('').outerHeight()
    }, 550);
})

我刚刚添加了一个<a id="Page1"></a>锚到我不知道的地方然后代码滚动到$('body').animate而不是$('.wrapper')的位置，因为我的卷轴在正文中，此代码已经过测试在2016年6月2日，它使用Chrome和Fire fox [JQuery Loaded] 100％工作。