如何使用jquery滚动页面本身？

Question

我在这里编写了一段代码，以便更清楚地展示： https://jsfiddle.net/u73r6ypp/

<div id="header">Fade me away</div>
<div id="p">Lorem ipsum dolor sit amet...</div>

我想要的是，当你向下滚动页面时，标题div将淡出，但在某一点上，例如页面元素的最后20％页面将自动滚动（动画/过渡）到下一个元素这将来自窗口的顶部。

我希望你能理解我的要求，并提前感谢你。

Answer 1

JQuery使用animate函数支持此功能。

$('html, body').animate({
    scrollTop: $("#elementtoscrolltoo").offset().top
}, 1000);

这将在1秒（1000毫秒）内将页面向下滚动到您指定的元素。

Answer 2

不了解jquery，但使用JavaScript的方法更简单。 只需输入：

function scrollSample() {
window.scrollTo (x,y);
}

然后在html中调用该函数。 如果您将 x 和 y 替换为您想要的值，那么应该将您滚动到所需的位置。