Steady.js事件處理工具
Steady.js 可實(shí)現(xiàn)無閃爍的 onscroll 事件處理，而不會(huì)有性能方面的損失。
基本使用方法：
<!DOCTYPE html>
<html>
<head>
<title>Hello world!</title>
</head>
<body>
<!-- some HTML things here -->
<script type="text/javascript" src="Steady.js"></script>
<script>
var s = new Steady({
conditions: {
"width": 400px,
"scrollX": 0,
"max-bottom": 200px
},
throttle: 100,
handler: fn
});
// you cann conditions on the fly!
s.addCondition('scrollX', 0);
function fn(values, done) {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'imgs.html');
xhr.onreadystatechange = function() {
if ( xhr.readyState == 4 ) {
document.body.innerHTML += xhr.response;
// telling Steady that we're done processing!
done();
}
};
xhr.send();
}
</script>
</body>
</html>評(píng)論
圖片
表情