为什么如果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在移动设备上不起作用？

回答

相关问题