1.0.2 • Published 7 years ago
srcoll-linear v1.0.2
html5/css3时代,前端动画的实现选择其实已经很多了:
- transition
- animation+keyframes
- svg/canvas
- jQuery
- setTimeout/setInterval
- window.requestAnimationFrame
setTimeout 和 requestAnimationFrame属于原始实现动画的方式,通过不断更新元素的状态位置来实现动画,前提是画面的更新频率要达到每秒60次才能让肉眼看到流畅的动画效果。
用法
var scrollLinear = require('srcoll-linear')
var oBackToTop = document.getElementById('backtop');
oBackToTop.addEventListener('click', function() {
scrollLinear(0, 1000)
});
o(>﹏<)o
手误把'scroll-linear'敲成了'srcoll-linear',发现时想改回来已经迟了。