搜尋

首頁  >  問答  >  主體

javascript惯性滚动是怎样实现的?

javascript惯性滚动是怎样实现的?

比如这个网页http://www.cndns.com/整个页面惯性滚动的效果

我自己拿惯性滚动的jQuery插件nicescroll.js和smoothscroll.js拆来看过 - -但是代码变量全部混淆了,而且功能很杂很多,基本不是人看的。。

由于
1、不需要多余的功能,只需要整个页面惯性滚动效果
2、不想暴露任何全局变量,也不想把jQuery依赖打包到最终文件中,所以不使用jQuery

望哪位大神知道如何实现js滚性滚动的麻烦解答一下,拜谢


高洛峰高洛峰2936 天前600

全部回覆(1)我來回復

  • 三叔

    三叔2016-10-31 09:43:28

    你是指像扔一个球一样,越来越低,然后落地么?我给你提供一下原生js的思路:首先你是可以用定时器完成一个匀速的运动效果的对吧?其实惯性滚动就是不断的把你设置的speed不断减速,一直到物体接近于那个临界点时,你停止定时器,直接把物体定位到那个临界点即可。

    回覆
    0
  • 取消回覆