滚动条的相关属性


<body scoll=no> 禁止滚动条

<body style="overflow:scroll;overflow-y:hidden"> 禁止纵向滚动条

<body style="overflow:scroll;overflow-x:hidden"> 禁止横向滚动条
overflow属性: 检索或设置当对象的内容超过其指定高度及宽度时如何显示内容:
overflow: auto; 在需要时内容会自动添加滚动条
overflow: scroll; 总是显示滚动条
overflow-x: hidden; 禁止横向的滚动条
overflow-y: scroll; 总是显示纵向滚动条

jq监测滚动条:
$(window).scrollTop()当前滚动条滚动的距离
$(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离
$(document).scrollLeft() 获取水平滚动条的距离
js监测滚动条:
window.onscroll滚动事件

window.onscroll = function(){ 
    var t = document.documentElement.scrollTop || document.body.scrollTop;  //获取滚动距离

}
posted @ 2017-08-08 13:22  野望之风  阅读(1170)  评论(0编辑  收藏  举报