本文
介绍了javascript的按钮实现
方法,并将其
分享给大家
参考。
详情如下
Html:
Css:
# BTN {
位置:固定;
显示:无;}
脚本:
得到滚动高度:document.documentelement.scrolltop | | document.body.scrolltop
得到的视觉
区域的高度:document.documentelement.clientheight
JS代码
在window.onload =
函数(){
VaR的OBTN = document.getelementbyid('btn);
获取页面可见区域高度
自己的document.documentelement.clientheight var =;
var定时器= null;
VaR ISTOP =真;
window.onscroll =函数(){
无功ostop = document.documentelement.scrolltop document.body.scrolltop | |;
如果(ostop =自己){
显示按钮
obtn.style.display =阻止;
{ }人
隐藏按钮
obtn.style.display =不关;
}
如果(!IsTop){
ClearInterval(定时器);
}
有一天我不= false;
};
obtn.onclick =函数(){
设置计时器
定时器= setInterval(){()函数(
获取距离/高度顶部的滚动条。
无功ostop = document.documentelement.scrolltop document.body.scrolltop | |;
VaR迈跃= math.floor(- ostop / 6);
document.documentelement.scrolltop = document.body.scrolltop = ostop +迈跃;
有一天我不=真;
如果(ostop = 0){
ClearInterval(定时器);
}
},30);
};
};
希望本文能帮助您
学习Javascript
程序设计。