zoukankan      html  css  js  c++  java
  • 窗口宽高 滚动条滚动距离 元素的文档坐标和窗口坐标

    对于窗口宽高来说,在IE8以上和其他浏览器可以使用window.innerWidth来获取,在IE里还要再细分,如果是标准模式,即document.compatMode为CSS1Compat的时候可以使用document.documentElement.clientWidth来获取,怪异模式可以使用document.body.clientWidth来获取。这都是窗口宽度。
    滚动条滚动距离。在正常浏览器中可以使用
    window.pageYOffset来获取。对于所有浏览器,在标准模式下使用document.documentElement.offsetLeft(高为offsetTop)来获取滚动条向右滚动宽度。怪异模式使用document.body.offsetLeft来获取。
     
    对于元素窗口坐标有一个方法getBoudingClientRect()放回一个对象,有top,left,right,buttom 四个参数,分别对应着 块元素左上角到窗口左上角的做坐标, right,button对应右下角到窗口左上角的坐标,加上滚动条偏移量,就能得到元素的文档坐标。对于内联元素要注意,要使用getClientRects() 返回一个类数组对象,每一个对象都有四个元素,意义和块元素一样,为什么要这样,是因为内联元素会分行
    比如  <span>aaa
     <span> <i>aa<i>  所以内联有自己的方法,返回第一行的坐标和第二行的坐标。
     
     
  • 相关阅读:
    saveField方法
    cake使用事务的方法
    css 中引用css的方法
    一次标准的关联查询
    try cath用处
    使用其他模型分页$data = $this>paginate('MerchantProductOrder');
    jquery 常用代码
    php 邮箱验证原理
    cake 分页一个典型的条件
    一次典型的查询
  • 原文地址:https://www.cnblogs.com/wofeiwofei/p/4977807.html
Copyright © 2011-2022 走看看