javascript - 使用 jQuery 在 iOS 中运行太远自动滚动到目标

Question

我有一个锚点，当单击时我会触发以下 jQuery：

$(document).on('pageinit', function (event, ui) {
    var page = $(event.target);
    page.find('a.course_name').on('vclick', function() {
        page.stop().animate({ scrollTop : $(this).offset().top }, 400);
    }        
}

我在运行 iOS 6 的 iPhone 5 上发现滚动动画不会像我想要的那样停在锚点的顶部。它有时会停止，或者运行过去，这取决于我之前在页面中滚动到的内容。

我也在使用 jQuery Mobile，但本质上page变量是可滚动区域。

Answer 1

我不知道您的 HTML 标记或 CSS 样式，但取决于它，position可以返回与offset.

改为尝试position()：

page.stop().animate({ scrollTop : $(this).position().top }, 400);