• 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%;}
  • 相关阅读:
    OpenResty
    Jmeter
    kubernetes 中部署 metrics-server
    Jenkins 灰度
    socat管理haproxy以及haproxy调优
    代码质量测试工具SonarQube安装配置
    Jenkins+主从+Pipeline+Webhook
    xtrabackup 实现MySQL数据库备份
    idea Error:java: Compilation failed: internal java compiler error
    使用TableSnapshotInputFormat读取Hbase快照数据
  • 原文地址:https://www.cnblogs.com/l8l8/p/8744629.html
Copyright © 2020-2023  润新知