javascript - Safari ipad 上的错误 ScrollTop

Question

我在导航中使用带有锚 html 的引导程序创建了一个响应式网站。在我的导航栏中，我有一个徽标，当用户单击它时，网站会滚动到顶部。一切都在桌面上运行。但是在带有 Safari 的 ipad 中，当我单击徽标滚动到顶部时，这只能工作一次。之后我的导航栏出现了锚错误。

如何解决？

我的代码是：

$(document).ready(function(){
$('.brand').bind('click',function(){
    $('html,body').animate({scrollTop: 0}, 'normal');
});
});

Answer 1

更新

尝试“on”绑定方法

从 Jquery 1.7+ 开始，更好的方法是使用“on”方法而不是绑定。

$(document).ready(function()
{
$(".brand").on("click", function ()
 { 
  $('body').animate({scrollTop: 0}, 'normal');
alert('image is clicked')
 });

});

谢谢 AB

Answer 2

我遇到过同样的问题。在某处阅读移动 Safari 不滚动正文，它会移动视口，因此您需要滚动 div。

如果您使用的是 jQuery，您可以只使用scrollTo 插件或硬件加速的velocity.js - 它对我有用。请注意，速度要求滚动元素具有非静态位置（即相对、绝对、固定）