zoukankan      html  css  js  c++  java
  • 原生js--元素尺寸、位置和溢出

    判断元素尺寸和位置的方法:

    elem.getBoundingClientRect()  // 已验证IE7+、firefox、chrome均支持此方法

    该方法返回一个对象(坐标值为视口坐标,不是文档坐标):

    {

      left : 16,(左上角X轴坐标) // IE7返回值有差异

      right : 16,(右下角X轴坐标) // IE7返回值有差异

      top : 16,(左上角Y轴坐标) // IE7返回值有差异

      bottom : 16,(右下角Y轴坐标) // IE7返回值有差异

      width : 16,(元素宽度) // IE8及其以下版本无此属性

      height : 16(元素高度) // IE8及其以下版本无此属性

    }

    如果想要获得文档坐标,需要加上滚动条的滚动距离

    判断某个元素在某点:

    document.elementFromPoint( x, y ) // x,y视口坐标

    返回那个点的最里面和最上面的元素

    不常用,因为鼠标事件为通过event来得到鼠标所在位置的元素

    滚动文档的方法:

    1、window.scrollTop( y )  // y 文档纵坐标

    2、window.scrollTo() // x, y 文档横坐标和纵坐标

    3、window.scrollBy( num, num ) // 相对于当前,横坐标和纵坐标各滚动多少像素

    4、elem.scrollIntoView( bool ) // bool为true按元素上边缘定位到视口的上边缘,为false按元素的下边缘到视口的下边缘

  • 相关阅读:
    使用jQuery操作DOM(ppt练习)
    使用jQuery操作dom(追加和删除样式-鼠标移入移出)练习
    Serializable接口
    过滤选择器(接上)
    内容过滤选择器
    基本过滤选择器
    IO流
    C语言打印100到200之间的素数
    续上篇结尾应用异或关系改变两个变量的值
    将两个整型变量的值互换的方法
  • 原文地址:https://www.cnblogs.com/charling/p/3546574.html
Copyright © 2011-2022 走看看