您的位置是:网站首页>Javascript编程Javascript编程

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

少儿编程网2021-05-25 16:24:18Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介在jQuery中可以通过offset方法获取元素到顶部距离,其语法如“$(元素选择器).offset().top;”,该方法会返回第一个匹配元素的偏移坐标。本教程操作环境:windows7系统、jquery1.10.0版本,该方法适用于所有品牌电脑。推荐:《jquery视频教

欢迎访问少儿编程网(http://www.pxcodes.com)

在jQuery中可以通过offset方法获取元素到顶部距离,其语法如“$( "元素选择器" ).offset().top;”,该方法会返回第一个匹配元素的偏移坐标。xaO少儿编程网-https://www.pxcodes.com

xaO少儿编程网-https://www.pxcodes.com

本教程操作环境:windows7系统、jquery1.10.0版本,该方法适用于所有品牌电脑。xaO少儿编程网-https://www.pxcodes.com

推荐:《jquery视频教程》《javascript基础教程》xaO少儿编程网-https://www.pxcodes.com

jQuery获取元素到页面顶部的距离xaO少儿编程网-https://www.pxcodes.com

超简单的方法:xaO少儿编程网-https://www.pxcodes.com

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

说明:xaO少儿编程网-https://www.pxcodes.com

offset() 方法返回被选元素相对于文档的偏移坐标。xaO少儿编程网-https://www.pxcodes.com

该方法会返回第一个匹配元素的偏移坐标。它返回一个带有两个属性(以像素为单位的 top 和 left 位置)的对象。xaO少儿编程网-https://www.pxcodes.com

offset().topxaO少儿编程网-https://www.pxcodes.com

offset()的top是指元素与document的上边的距离,而不是浏览器当前窗体的上边缘,如图1。xaO少儿编程网-https://www.pxcodes.com

图1:document高度超过window,浏览器出现滚动条,滚动滚动条,提交按钮的offset不变。xaO少儿编程网-https://www.pxcodes.com

xaO少儿编程网-https://www.pxcodes.com

图2:document中的div有滚动条,提交按钮的offset随div的滚动变化而变化,与document无关xaO少儿编程网-https://www.pxcodes.com

以上就是jQuery获取元素到顶部距离的方法的详细内容,更多请关注少儿编程网其它相关文章!xaO少儿编程网-https://www.pxcodes.com

来源:php中文网xaO少儿编程网-https://www.pxcodes.com

欢迎访问少儿编程网(http://www.pxcodes.com)

相关文章:

支持一下 ( )

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

      匿名评论
    • 评论
    人参与,条评论
    jQuery获取元素到顶部距离的方法

微信公众号

免费视频教程

先知道