zoukankan      html  css  js  c++  java
  • javascript js获取html元素各种距离方法

     1 //滚动条
     2 scrollLeft//滚动条距左边距离
     3 scrollTop//滚动条距顶部距离
     4 scrollWidth//滚动条元素的宽
     5 scrollHeight//滚动条元素的高
     6 
     7 //可视范围
     8 clientHeight//元素自身可视区域高
     9 clientTop
    10 //this.clientW = document.documentElement.clientWidth;//可视宽
    11 //this.clientH = document.documentElement.clientHeight;//可视高
    12 
    13 
    14 //鼠标
    15 event.offsetY  获取鼠标的高
    16 event.clientY  获取鼠标可视区域高
    17 
    18 //dom
    19 offsetTop//元素距顶部的距离
    20 offsetHeight//元素自身高 
    21 window.getComputedStyle(elem).width(常用这个获取doc宽高兼容性高)
  • 相关阅读:
    星空雅梦
    星空雅梦
    星空雅梦
    星空雅梦
    星空雅梦
    星空雅梦
    星空雅梦
    星空雅梦
    星空雅梦
    PHP中foreach用法详细讲解
  • 原文地址:https://www.cnblogs.com/weihexinCode/p/12317664.html
Copyright © 2011-2022 走看看