Question

我在导航中使用boot html做一个带有bootstrap的响应式网站。在我的导航栏中，我有一个徽标，当用户点击它时，该站点滚动到顶部。一切都在桌面上运行。但是在使用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 plugin或硬件加速velocity.js - 它对我有用。请注意，速度要求滚动元素具有非静态位置（即相对，绝对，固定）

Safari ipad上的bug ScrollTop

2 个答案: