javascript - jQuery animate scrollTop 在 firefox 中不起作用

Question

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

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

基本上，如果选择器存在于 body 中，一个简单的自动滚动到 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);
}

希望对您有所帮助!

狮子座。