本文介绍了JS网页滚动条滚动事件的用法。分享给你供你参考。具体分析如下:

当你回到顶端做JS的效果,你听网页滚动条滚动事件,即:window.onscroll.when的onscroll事件发生时,该页的scrollTop值获得JS,当scrollTop确定为设定值,显示返回到脸

JS网页滚动条滚动事件



# top_div {
位置:固定;
底部:80px;
权利:0;
显示:无;
}


window.onscroll =函数(){
var t = document.documentelement.scrolltop document.body.scrolltop | |;
无功top_div = document.getelementbyid(top_div );
如果(t = 300){
top_div.style.display =内联;
{人}
top_div.style.display =没有;
}
}

顶
回到顶端



在这里尽可能使页面滚动条出现,仅限于文章长度。



比如语法解释

的top_div CSS属性是第一的风格标签定义:位置:固定;显示:无;它是关键

Javascript语句,使滚动条的位置,向下滚动,| |是更好的兼容性

当滚动超过300(像素),该top_div CSS显示属性设置为显示(inline),反之亦然(无)

DOCTYPE类型必须设置和窗口的宽度和高度可以通过document.documentelement在IE中获得

希望本文能对大家的javascript程序设计有所帮助。