简单的快速滚动实现

时间:2017-12-29 16:44:37

标签: jquery scroll scrollview anchor

美好的一天小伙子们。任何人都可以指导我在以下网站上实现像这样的快照滚动的一般方法 - http://fantasy.co/https://www.ramotion.com/

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

1 个答案:

答案 0 :(得分:0)

好吧,既然你已经用jquery标记了你的问题并询问了一般方向,我会说探索

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

其他需要注意的事项是:

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

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