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%;}
  • 相关阅读:
    SSD论文优秀句子
    A Case Study -- Performance Evaluation of a DRAM-Based Solid State Disk
    A Case for Flash Memory SSD in Enterprise Database Applications
    Understanding Manycore Scalability of File Systems
    slabs.c
    背包九讲
    redis async client 与自有框架集成
    同步git修改文件到远端服务器脚本
    服务发现:Zookeeper vs etcd vs Consul
    Linux 常用工具贴
  • 原文地址:https://www.cnblogs.com/l8l8/p/8744629.html
Copyright © 2011-2022 走看看