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 代表垂直的滚动条，向下滚动的距离。

 document.documentElement.scrollTop      // W3C  代表垂直的滚动条，向下滚动的距离
 document.body.scrollTop               // IE       代表垂直的滚动条，向下滚动的距离

 window.onscroll = function(){
     //三目运算
     //var top =  document.documentElement.scrollTop==0 ? document.body.scrollTop : document.documentElement.scrollTop;
     //短路运算
     var top = document.documentElement.scrollTop || document.body.scrollTop;
     console.log(top);
 }

 上文语义：如果documentElement.scrollTop的值为0，那么取body.scrollTop的值。
 当滚动条处于非0的位置时，有些浏览器能够通过前者把真实值取出，有浏览器用前者只能取到0，所以试试body这个方法获取。
 有时两者都能取出非0，但不一样的值，所以需要在css中，设置html,body{margin:0; padding:0; height:100%; width:100%;}