Html
    Css
    Js

    
                        
.box {
	width:500px;
}
#test {
	width:1px;
	height:27px;
	line-height:27px;
	text-align:center;
	color:#fff;
	background:#25c037;
	border-radius:20px;
}
#run {
	width:60px;
	height:30px;
	line-height:30px;
	border:0;
	color:#fff;
	border-radius:20px;
	background:pink;
	text-align:center;
	margin-top:10px;
	float:right;
}
#run:focus {
	outline:none;
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

js控制的自动滚动的滚动条进度条

自己在解决其他问题的时候突然发现了一个新的东西 requestanimationframe 原来可能没注意到这个东西的存在 所以就尝试了一下
自己在做项目中也可以用到这种情况 希望能帮助到大家

0