仅使用Javascript模拟鼠标滚动

Question

仅提供上下文：我想模拟Google照片上的鼠标滚动（photos.google.com）。

该页面仅包含页面的一部分滚动条（顶部的“搜索”部分没有滚动条）。

以下不起作用（但它可以在Facebook或SO上滚动时正常工作）：

window.scrollTo(0, 10000000)

有关如何模拟鼠标滚动的任何线索？

Answer 1

如果你没有滚动整个窗口，那么window.scrollTo就不是你想要的了。您可以滚动样式为overflow: scroll的DOM部分，其中包含：

var scrollBox = document.getElementById('sectionId');
scrollBox.scrollTop = 100; // num pixels from element top you want to scroll down

与以下内容相同：

$('#sectionId').scrollTop(100);

您可能需要考虑像https://github.com/kswedberg/jquery-smooth-scroll这样的库，它以易于轻松的方式滚动屏幕，这样用户就可以更轻松地使用。