爲什麼如果viewport存在，jQuery animate在移動設備上不起作用？

所以下面的工作正常在我的桌面上的網頁，但不會造成任何移動滾動...爲什麼如果viewport存在，jQuery animate在移動設備上不起作用？

$("HTML, BODY").animate({ 
     scrollTop: 500 
    }, 1000);

This post似乎表明它有事情做與不滾動體上，但在視移動設備代替。如果我從我的頁面中刪除此視標籤，然後滾動做工作....

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

但是我看到的網頁，視標籤存在，但動畫作品，那麼是什麼原因？

來源

2017-05-24 AbuMariam

很難告訴你爲什麼沒有更多的上下文。我一直使用jQuery進行動畫製作，並且從未在移動設備，'viewport'標記中遇到過問題。然而，你鏈接的資源說使用'$（「body」）'而不是'$（「html，body」）''你試過這個嗎？ – Santi

你正在使用什麼手機瀏覽器？ – threeFatCat

在我的情況下，當窗口寬度低於930像素時，我使用了漢堡菜單。低於這個限制，滾動被打破，因爲我需要使網站內容滾動，而不是正文：

var page = $('#myAnchor'); // target page 
var speed = 750; // animation (ms) 

if ($(window).width() <= 930){ 
     $('.site-content').animate({ scrollTop: $(page).offset().top }, speed); 
} 
else { 
     $('html, body').animate({ scrollTop: $(page).offset().top }, speed, function(){//calback}); // Go 
    }

來源

2017-12-13 10:31:19 Jibeee

爲什麼如果viewport存在，jQuery animate在移動設備上不起作用？

回答

相關問題