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%;}
  • 相关阅读:
    session概述
    关于firefox获取选中页面文字的对象
    不用微博SDK 直接 分享微博信息
    腾讯微博教程分步走之第二步(含原码)
    腾讯微博教程分步走之第一步(含原码)
    微小企业运营微博的5点建议
    优秀毕业生手把手教你玩融资
    ObjectiveC与JavaScript的交互
    脚本ANT自动打包Android应用(方便多渠道发布)
    android 源码编译问题总结(二)
  • 原文地址:https://www.cnblogs.com/l8l8/p/8744629.html
Copyright © 2011-2022 走看看