js获取属性的方法:
document.getElementById();
document.getElementsByTagname();
document.getElementsByClassname();
document.getElementsByname();
window.onscroll = function(){}当滚动条发生变化时,触发的函数。
document.documentElement.scrollTop = 100;将纵向滚动条设置到100px,滚动条上限为0.
document.documentElement.scrollLeft = 100; 将横向滚动条的位置设置到100px;滚动条最左为0.
window.scrollTo(200,300);将横向滚动条设置为200,纵向的滚动条设置为300.//一定不能添加单位.否则会报错。
document.documentElement.scrollWidth 滚动条总宽度。
document.documenteElement.scrollHeight 滚动条总高度。
求浏览器可视区域的宽高:
document.documentElement.cilentWidth //宽
document.documentElement.clientHeight //高
document.documentElement.scrollTop //w3c 代表垂直的滚动条,向下滚动的距离。
document.body.scrollTop // IE 代表垂直的滚动条,向下滚动的距离。
1 document.documentElement.scrollTop // W3C 代表垂直的滚动条,向下滚动的距离 2 document.body.scrollTop // IE 代表垂直的滚动条,向下滚动的距离 3 4 window.onscroll = function(){ 5 //三目运算 6 //var top = document.documentElement.scrollTop==0 ? document.body.scrollTop : document.documentElement.scrollTop; 7 //短路运算 8 var top = document.documentElement.scrollTop || document.body.scrollTop; 9 console.log(top); 10 } 11 12 上文语义:如果documentElement.scrollTop的值为0,那么取body.scrollTop的值。 13 当滚动条处于非0的位置时,有些浏览器能够通过前者把真实值取出,有浏览器用前者只能取到0,所以试试body这个方法获取。 14 有时两者都能取出非0,但不一样的值,所以需要在css中,设置html,body{margin:0; padding:0; height:100%; 100%;}