javascript - 跨浏览器 jquery animate scrollTop

Question

我在使用 jquery animate scrollTop 到定义的 div 时遇到了问题。

我使用这段代码为滚动设置动画:

$('body').animate({scrollTop: $('#sections_display').offset().top-100}, 500, function(){
    $('#ajax_load').load('file.php');
});

但这在 Firefox 或 IE 中不起作用。

当我使用 $('html').animate 而不是 $('body').animate 时，它在 Chrome 中不起作用。

我也尝试同时使用两者:$('html,body').animate 但问题是回调函数 $('#ajax_load').load('file .php'); 执行两次，调用文件 2 次。

我通过使用 php 临时解决了这个问题，但是这个解决方案迫使我在每个页面中重复代码 2 次以制作 2 个支持 $('body').animate 的浏览器数组 和 $('html').animate。

我在这里搜索并找到了这个:jquery animate scrolltop callback但是没有用。

我也试过:

$(窗口).animate

$(文档).animate

$('#container-div').animate

但没有办法实现这一点。

我能找到一个跨浏览器的方法来实现这个吗？

Answer 1

Hacky 解决方案可能会成功...

$('html,body').animate({scrollTop: $('#sections_display').offset().top-100}, 500);

setTimeout(function(){
    $('#ajax_load').load('file.php');
}, 500);