zoukankan      html  css  js  c++  java
  • 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%;}
  • 相关阅读:
    微信小程序HTTPS
    微信商城-1简介
    va_list
    Event log c++ sample.
    EVENT LOGGING
    Analyze Program Runtime Stack
    unknow table alarmtemp error when drop database (mysql)
    This application has request the Runtime to terminate it in an unusual way.
    How to check if Visual Studio 2005 SP1 is installed
    SetUnhandledExceptionFilter
  • 原文地址:https://www.cnblogs.com/l8l8/p/8744629.html
Copyright © 2011-2022 走看看