void function(){
var Yound = {
/**
设置滚动的值
* value (string) 值
* return (undefined) 无
/
setScroll:function(value){
var con = document.documentElement.scrollTop ? document.documentElement : document.body;
con.scrollTop = value;
},
/
设置滚动的值
* return (number) 返回滚动条当前的滚动高度
/
getScroll:function(){
return (document.documentElement.scrollTop || document.body.scrollTop)
},
/
* els (node) 绑定点击的元素的事件
* fx (string) 代表滚动的方向 可写值 bottom 和 top
* isHd(boolean) 是否缓动 true 代表是 false 代表不是
* return (undefined)
**/
scroll:function(els,fx,isHd){
els = (typeof els === “string”) ? document.getElementById(els) : els;
els.onclick = function(){
var scrollTop = getScroll();
if(fx === “bottom”){
//加
if(isHd){
var time = setInterval(function(){
scrollTop += 10;
setScroll(scrollTop);
if(getScroll() >= (document.documentElement.scrollHeight - document.documentElement.clientHeight )){
clearInterval(time);
return;
}
},1000 / 30);
}else{
setScroll(document.documentElement.scrollHeight - document.documentElement.clientHeight );
}
}
else if(fx === "top"){
//减
if(isHd){
var time = setInterval(function(){
scrollTop -= 10;
if(getScroll() <= 0){
clearInterval(time);
return;
}
setScroll(scrollTop);
},1000 / 30);
}else{
setScroll(0);
}
}
}
}
};
for(var k in Yound){
window[k] = Yound[k];
}
}();
调用
window.onload = function(){scroll("dd","bottom",true)}