javascript - 如果存在视口(viewport)，为什么 jQuery 动画无法在移动设备上运行？

Question

因此，以下内容在我的桌面网页上运行良好，但不会在移动设备上造成任何滚动...

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

This post似乎表明它与移动设备有关，而不是在 body 上滚动而是在视口(viewport)上滚动。如果我从我的页面中删除这个视口(viewport)标签，那么滚动就可以工作....

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

但我曾看到存在视口(viewport)标签但动画有效的页面，那是什么原因呢？

Answer 1

我遇到了和他描述的一样的问题。我正在使用这个:

$(".buttonTop").click(function() {
  $('html, body').animate({
      scrollTop: $(".bestline").offset().top},
      1300);
});

正如他所描述的，在删除 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 时

一切开始运作。而且它与移动设备或浏览器无关，因为它也发生在 Chrome 控制台中。