Javascript Mobile Safari-滚动到元素

此问题仅适用于移动Safari

在我的网站上，我有评论，我的产品顶部有评论明星。当用户点击评论星时，我希望屏幕向下滚动到产品的评论。在Android和桌面上，页面会滚动，但在iOS上，页面只会闪烁并停留在同一位置

代码如下：

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

下面是一个jsbin演示了这个问题

谢谢

您尝试过scrollIntoView吗

你试过scrollIntoView吗

---

我确实找到了问题的正确答案，左边的滚动条导致了iOS中的问题

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

这可以在中进行测试

要进行比较，您可以在此处看到Oscar Paz答案中建议的功能：

---

为了幻灯片的流畅性，我更喜欢动画，但奥斯卡的答案也是有效的。

我确实找到了我问题的正确答案，左边的滚动条在iOS中引起了问题

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

这可以在中进行测试

要进行比较，您可以在此处看到Oscar Paz答案中建议的功能：

---

为了幻灯片的流畅性，我更喜欢动画，但奥斯卡的答案也是有效的。

获取url，而不仅仅是添加一个“你的id”来滚动到该urldiv@csanonymus似乎我陷入了“锤子和钉子”的场景，当你喜欢jQuery时，每个问题都可以通过jQuery解决。。。谢谢你简洁的回答，你是对的，尽管我确实喜欢动画给我的平滑过渡。获取url，然后在其中添加一个#your#id以滚动到该urldiv@csanonymus似乎我陷入了“锤子和钉子”的场景，当你喜欢jQuery时，每个问题都可以通过jQuery解决。。。谢谢你简洁的回答，你是对的，尽管我确实喜欢动画给我的平滑过渡。就像@csanonymous一样，你的回答似乎对这一点有用，但我失去了动画的平滑过渡。投票表决吧，如果在一天结束之前没有人提出解决方案，我会把你的标记为正确。感谢@csanonymous，你的答案似乎确实适用于此，但我失去了动画的平稳过渡。投票表决吧，如果在一天结束之前没有人提出解决方案，我会把你的标记为正确。ThanksOscar的解决方案在IOS中对我不起作用，但我也在使用主干木偶框架。杜安的解决方案对我来说确实有效。ThanksOscar的解决方案在IOS中对我不起作用，但我也在使用主干木偶框架。杜安的解决方案对我来说确实有效。谢谢