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%;}
  • 相关阅读:
    80年代的兄弟,你会什么?
    设计模式单件模式
    大冒险 这注定是部史诗级的探索。。。
    关于重构JS前端框架的失败经验(顺便怀念那些死去的代码)
    JDBC连接数据库类(主要用于存储过程)
    ActiveRecord学习(六):总结
    ASP.NET中常用的文件上传下载方法
    [整理]ASP.NET2.0新特性概述
    关于NHibernate中one to many 的问题
    关注06德国世界杯:比赛日程表
  • 原文地址:https://www.cnblogs.com/l8l8/p/8744629.html
Copyright © 2011-2022 走看看