jQuery scrollTop() 增量自动滚动适用于某些网站，但不适用于其他网站。为什么？

Question

我找到了一个（工作的）脚本，它可以将网页自动滚动一定数量的像素：

var y = $(window).scrollTop(); $("html, body").animate({ scrollTop: '+=291px'}, 300);

此脚本适用于某些网站，但不适用于其他网站。例如，

脚本适用于：Twitter.com、BBC.co.uk、Reddit.com

脚本不起作用：Facebook.com、Instagram.com、Pinterest.com...并显示以下错误消息之一：

VM104:1 未捕获的类型错误：无法读取属性“scrollTop”的 未定义于 :1:18

（Pinterest 和 Instagram）

或

Uncaught TypeError: $(...).scrollTop 不是一个函数 :1:19

(脸书)

有人知道为什么会发生这种情况，以及我们如何解决它吗？我很想知道。

干杯，StackOverflow！

Answer 1

普通的 JS？ document.getElementsByTagName("body")[0].scrollTop = 0

或者你需要动画吗？

编辑......

带动画

function scrollToTop(){  

  var scrollHeight = document.getElementsByTagName("body")[0].scrollHeight;

function scrollToTop(){  
 var scrollAtATime = 10;
 var scrollHeight = document.getElementsByTagName("body")[0].scrollHeight;
 var t = window.setInterval(function(){

   document.getElementsByTagName("body")[0].scrollTop = scrollHeight;

   scrollHeight-=scrollAtATime;
   
   //Add Easing
   scrollAtATime = scrollHeight / 100;

   if(Math.ceil(scrollHeight) <= 1) window.clearInterval(t);
   
  },1);
   
}

div{
  border:1px solid red;
  height:2000px;
}

<div>

</div>
<button onclick="javascript:scrollToTop()">Click to scroll</button>