简单的捕捉滚动实现



小伙子们,美好的一天。谁能指导我实现以下网站(http://fantasy.co/和 https://www.ramotion.com/(像这样的快照滚动的一般方法。

通常,我想知道的是如何侦听滚动事件并滚动到页面上的锚点或元素,例如可以从这些站点看到的元素。我尝试过在线搜索,但所有教程似乎都在单击锚链接时执行此操作,而我想在滚动时实现这一点。有人能帮忙吗?

好吧

,既然你已经用jquery标记了你的问题,并询问了大致的方向,我会说探索

jquery(window).scroll(function(){
    // handle scrolling here
});

其他需要注意的事项是:

  • 您可能需要获取当前滚动位置的方法(请参阅window.scrollYdocument.documentElement.scrollTop(
  • 要找出滚动方向,您可以创建一个 prevScrollPosition 变量并将其与滚动时的当前位置进行比较(并在滚动处理程序的末尾更新它(
  • 了解元素的.offsetParent.offsetHeight.offsetTop属性,以计算要滚动到的所需位置
  • window.scrollTo学习能够操作滚动的方法

棘手的事情是让你滚动流畅(如果你实现你的捕捉是即时滚动到某个位置,它会相当混乱,所以你必须考虑加速和减速(。

最新更新