小伙子们,美好的一天。谁能指导我实现以下网站(http://fantasy.co/和 https://www.ramotion.com/(像这样的快照滚动的一般方法。
通常,我想知道的是如何侦听滚动事件并滚动到页面上的锚点或元素,例如可以从这些站点看到的元素。我尝试过在线搜索,但所有教程似乎都在单击锚链接时执行此操作,而我想在滚动时实现这一点。有人能帮忙吗?
好吧
,既然你已经用jquery标记了你的问题,并询问了大致的方向,我会说探索
jquery(window).scroll(function(){
// handle scrolling here
});
其他需要注意的事项是:
- 您可能需要获取当前滚动位置的方法(请参阅
window.scrollY
和document.documentElement.scrollTop
( - 要找出滚动方向,您可以创建一个
prevScrollPosition
变量并将其与滚动时的当前位置进行比较(并在滚动处理程序的末尾更新它( - 了解元素的
.offsetParent
、.offsetHeight
和.offsetTop
属性,以计算要滚动到的所需位置 - 还
window.scrollTo
学习能够操作滚动的方法
棘手的事情是让你滚动流畅(如果你实现你的捕捉是即时滚动到某个位置,它会相当混乱,所以你必须考虑加速和减速(。