• 技术文章 >web前端 >js教程

    jQuery获取元素到顶部距离的方法

    藏色散人藏色散人2021-01-13 18:59:06原创72

    在jQuery中可以通过offset方法获取元素到顶部距离,其语法如“$( "元素选择器" ).offset().top;”,该方法会返回第一个匹配元素的偏移坐标。

    本教程操作环境:windows7系统、jquery1.10.0版本,Dell G3电脑。

    推荐:《jquery视频教程》《javascript基础教程

    jQuery获取元素到页面顶部的距离

    超简单的方法:

    $( "元素选择器" ).offset().top;

    说明:

    offset() 方法返回被选元素相对于文档的偏移坐标。

    该方法会返回第一个匹配元素的偏移坐标。它返回一个带有两个属性(以像素为单位的 top 和 left 位置)的对象。

    offset().top

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

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

    7dcc4826587cb007b1408f27d50dd44.png

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

    17ca72ead8d20ec45c73e9528984f45.png

    以上就是jQuery获取元素到顶部距离的方法的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jQuery
    上一篇:jquery input不可编辑的实现方法 下一篇:react中样式冲突怎么解决
    第14期线上培训班

    相关文章推荐

    • jquery中html乱码怎么办• jquery 轮播图怎么写• jquery 数组判断值是否存在的方法• 实例讲解jQuery与JS实现AJAX

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网