js获取属性

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%;}