iOS 7 jQuery 手机歌剧动画失败

Question

我正在开发应该支持 iOS7 设备的 drupal 主题。在我的页面上，我放置了一个小按钮，可以滚动到确切的页面位置（在指定项目之后）。我写了简单的函数：

$('#scrollbutton').click(function(e){
            e = e || event;
            var offset = $(this).offset();
            //offset.left -= 20;
            offset.top += 1;
            $('html, body').animate({
                scrollTop: offset.top,
                scrollLeft: offset.left
            });
}

在所有设备（移动设备或非移动设备）上都能正常工作，但 iOS7（OS 7_0_4 就像 mac OS X Safari/9537。 53). iOS7 屏幕闪烁，然后跳转到页面顶部。
我发现某些版本的移动版 safari 在偏移功能中存在错误。所以我尝试使用此建议修复它 https://gist.github.com/Craga89/661844#comments 还检查 iOS 版本是否高于或等于 7.0 且低于 8。它对我不起作用。

我会很感激每一个建议。

Answer 1

我找出问题所在。我仍然不知道为什么，但是 jQuery 动画功能失败了。最好的是，在删除 scrollLeft: offset.left 之后，它工作得很好。

iOS 7 jQuery 手机歌剧动画失败

iOS 7 jQuery animation fail on mobile opera

jquery

mobile

ios7

safari

jquery-animate