Jquery animate scrolltop在Safari中不起作用

时间:2013-06-03 19:31:20

标签: jquery safari scroll jquery-animate

我正在使用此代码导航到同一页面上的锚点,并具有平滑的滚动效果。除Safari 6外,它适用于所有浏览器。

我已经完成了一些测试,这适用于Safari 5/6,Chrome和Firefox,删除了动画卷轴:

$(document).on('click','.navigation a', function(event){
    event.preventDefault();
    var $target = $( $(this).attr('href') );
    var position = $target.data('position');
    $('html, body').scrollTop( position * scrollHeight );
});

但是使用动画滚动,它在Safari 6中停止工作:

$(document).on('click','.navigation a', function(event){
    event.preventDefault();
    var $target = $( $(this).attr('href') );
    var position = $target.data('position');
    $('html, body').animate({'scrollTop': position * scrollHeight}, 3000);
});

关于为什么以及如何修复的任何想法?

0 个答案:

没有答案