zoukankan      html  css  js  c++  java
  • Jquery中用offset().top和offsetTop的比较

    今天,想测试一个div与顶部的距离,用的是.offsetTop,但是offsetTop获得的值,怎么都打印不出来。折腾了半天,打印的结果都是undefined,虽然网上很多资料都说返回的是数值。虽然这个函数永不了,但是黄显钦找到了一个可以替代offsetTop的函数。那就是jqueryoffset().top

     

    我们先来了解一下,什么是offset().topoffsetTop

    offsetTop

    解析一:

    假设 obj 为某个 HTML 控件。

    obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置,整型,单位像素。

    解析二: 

    当前对象到其上级层顶部的距离.

    不能对其进行赋值.设置对象到页面顶部的距离请用style.top属性.

     

    这是从网上找到的两种解析,您看着用,我也没搞懂,主要是打印不出offsetTop来。

     

     

    如果需要获取当前元素到document的高度,建议使用jquery的offset().top。下面我们解析一下offset().top

     offset().top

    offset()top是指元素与document的上边的距离,而不是浏览器当前窗体的上边缘,如图1

     图1document高度超过window,浏览器出现滚动条,滚动滚动条,提交按钮的offset不变。

    2document中的div有滚动条,提交按钮的offsetdiv的滚动变化而变化,与document无关

    从上面这两个图,我们就知道jqueryoffset.top的用法区别了。

  • 相关阅读:
    MVC MVP MVVM
    RC4 对称加密
    ARM 寻址方式
    杂项记录 arm64 的一些特性
    无向图-笔记-代码
    iOS 自定义导航栏
    ios中设置UIButton圆角,添加边框
    iOS 中UICollectionView实现各种视觉效果
    UIScrollView中UITableView
    iOS 13 适配总结
  • 原文地址:https://www.cnblogs.com/firstdream/p/5497307.html
Copyright © 2011-2022 走看看