JavaScript 用scrollleft++控制滚动条滚动 如何更快滚动

JavaScript014

JavaScript 用scrollleft++控制滚动条滚动 如何更快滚动,第1张

var h1=Math.max(document.documentElement.clientHeight,document.body.clientHeight)

var h2=Math.min(document.documentElement.clientHeight,document.body.clientHeight)

var st=h1-h2

var v=st/6000//缓动公式

var t1=Date.now()

function run(){

var _t=Date.now()-t1

if(document.body.scrollTop>=st){

return

}

document.body.scrollTop=v*_t

setTimeout(run,1000/60)

}

run()

上面一段代码就是一个简单的控制scrollTop的动画，这也是目前制作动画的基本方法。可以看缓动公式这一行，要调整滚动的速度，我们就改变速度v就ok了。你要是有兴趣可以复制到浏览器的控制台运行一下。

还有使用不同的缓动公式可以实现不同缓动效果的动画，例如自由落体运动，这个公式物理上有学过

1、打开电脑的“控制面板”。Win XP 和Win 7的在“开始”菜单。Win8的在右边栏里。

2、在“控制面板”里，将“查看方式”设置为“大图标”。

3、找到里面的“鼠标”项，点击进入“鼠标属性”对话框。

4、在“鼠标属性”对话框里，切换到“滑轮”栏中。

5、由于是Win8系统，除了“垂直滚动”栏，还有“水平滚动”栏，可以自定义其数值，“确认”以保存并退出。