移动Safari - 滚动到元素

Question

此问题仅适用于移动版Safari.

在我的网站上,我有评论,我的产品顶部有评论明星.当用户点击评论星时,我希望屏幕向下滚动到产品的评论.在Android和桌面上,页面滚动为例外,但在iOS上它只是闪烁并保持在同一位置.

这是代码:

$('html, body').animate({
    scrollTop: $("#reviews").offset().top,
    scrollLeft: 0
}, 400);

这是一个证明问题的jsbin.

谢谢

Answer 1

我确实找到了我的问题的正确答案,scrollLeft在iOS中引起了问题.

$('html, body').animate({
    scrollTop: $("#reviews").offset().top
}, 400);

为了比较,您可以在这里看到Oscar Paz答案中建议的功能:http://jsbin.com/losuz/5/

我更喜欢动画以获得幻灯片的流畅度,但奥斯卡的答案也是有效的.