jQuery 动画 scrollTop 在 Firefox 中不起作用

Question

我的网站上有这个简单的 jQuery 自动滚动代码

    $('body[data-pagecontroller="profile"],body[data-pagecontroller="search"]').animate({
    scrollTop: $("#ipsLayout_body").offset().top -65
}, 1000); 

基本上，如果选择器存在于正文中，则简单的自动滚动到 ipsLayout_body，虽然它在 Microsoft Edge、Chrome、Opera 上运行良好，但在 IE9 和 firefox 上运行良好？

Answer 1

我假设 Firefox 在数据属性和动画方面存在一些问题，但是我总是使用“html, body”来为我想要的元素设置动画，如下所示：

/* IF body[data-pagecontroller="profile"] OR
 body[data-pagecontroller="search"] Exists */
if($('body[data-pagecontroller="profile"]').length > 0 || $('body[data-pagecontroller="search"]').length > 0){
    $('html,body').animate({scrollTop: $('#ipsLayout_body').offset().top -65 },1000);
}

希望这可以帮助 ！

狮子座。