移動Safari-滾動到元素

Question

此問題僅適用於移動Safari。

在我的網站上，我有評論，並且產品頂部有評論星號。 當用戶點擊評論星標時，我希望屏幕向下滾動到產品的評論。 在Android和Desktop上，頁面按例外滾動，但在iOS上，所有頁面均閃爍並停留在同一位置。

這是代碼：

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

這是一個演示問題的jsbin。

http://jsbin.com/losuz/3/

謝謝

Answer 1

我確實找到了問題的正確答案，scrollLeft在iOS中引起了問題。

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

可以在http://jsbin.com/losuz/6/中進行測試。

為了進行比較，您可以在此處查看Oscar Paz的答案中建議的功能： http : //jsbin.com/losuz/5/

對於幻燈片的平滑性，我更喜歡動畫，但是奧斯卡的答案也是有效的。

Answer 2

您是否嘗試過scrollIntoView ？

$('#reviews')[0].scrollIntoView();