jQuery 实时获取元素距离顶部高度

最新推荐文章于 2025-06-16 18:41:56 发布

原创最新推荐文章于 2025-06-16 18:41:56 发布 · 1.2w 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

JQuery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个使用jQuery实现的简单示例，展示了如何通过监听窗口滚动事件来获取滚动位置，并据此进行元素定位调整。这对于移动端网页开发中固定导航栏等交互效果非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
    jQuery(window).scroll( function (){
        var  topScroll = jQuery(window).scrollTop();
        var topPin = $('.mobile_pin').offset().top-50;
    });
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

FlyingPenguin007

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

jq获取页面高度_jquery常见获取高度

weixin_30695909的博客

12-31

3873

jquery获取文档高度和窗口高度，$(document).height()、$(window).height()$(document).height()：整个网页的文档高度$(window).height()：浏览器可视窗口的高度$(window).scrollTop()：浏览器可视窗口顶端距离网页顶端的高度(垂直偏移)用一句话理解就是：当网页滚动条拉到最低端时，$(document).heig...

jQuery判断元素离页面顶部的高度

11-02

699

1 条评论您还未登录，请先登录后发表或查看评论

jq控制html到顶部的距离,javascript和Jq获取和设置页面元素到顶部、左部距离、宽高元素卷入部分（scroll、scrollTop、scrollLeft、offset、offsetTop、...

weixin_39915204的博客

06-23

709

获取、设置页面元素到顶部、左部距离、宽高元素卷入(scroll)部分一、javascript部分1. 获取元素节点的高度和宽度 1) offsetWidth // 获取元素节点宽度包括元素宽度如果有滚动条包含滚动条所占的位置(实际元素宽度)2) clientWidth // 获取元素节点的宽度不包含滚动条所占的位置3) scrollWidth //获取元素节点的宽度如...

JavaScript 获取元素的高度

最新发布

BillKu的博客

06-16

1275

javascript复制下载// 返回字符串（如 "50px"）// 转换为数值// 50。

javascript和Jq获取和设置页面元素到顶部、左部距离、宽高元素卷入部分（scroll、scrollTop、scrollLeft、offset、offsetTop、offsetLeft）

xiaoxiaoshuai__的博客

03-31

1万+

获取、设置页面元素到顶部、左部距离、宽高元素卷入（scroll）部分一、javascript部分 1. 获取元素节点的高度和宽度 1) offsetWidth // 获取元素节点宽度包括元素宽度如果有滚动条包含滚动条所占的位置（实际元素宽度） 2) clientWidth // 获取元素节点的宽度不包含滚动条所占的位置 3) scrol...

jquery实现高度的获取－位置函数

qq_36238400的博客

09-28

279

一.位置函数 1.offset() 获取匹配元素在当前视口的相对偏移。返回的对象包含两个整形属性：top 和 left。此方法只对可见元素有效。 2.innerWidth（）获取第一个匹配元素内部区域宽度（包括补白、不包括边框）。此方法对可见和隐藏元素均有效。返回值：整型数据 3.innerHeight（）获取第一个匹配元素内部区域高度（包括补白、不包括边框）。此方法对

jQuery中获取文档的高度、可视区域高度以及滚动条距页面顶部的高度

weixin_30314813的博客

10-27

316

在写页面的时候，经常会碰到这样的情况，就是要获取文档的高度、可视区域高度或者滚动条距页面顶部的高度等情况。但我总是有些爱搞混淆了，这里还是简单做个笔记吧，这里只限于使用jQuery来获取。 1、获取文档的高度。使用 $(document).height() 代表了整个文档的高度 2、获取文档可视区域高度。使用$(window).height() 代表了当前可见区域的...

jquery如何获取元素的滚动条高度等实现代码

10-23

本篇文章将详细介绍如何使用jQuery来获取元素的滚动条高度以及其他相关实现代码。首先，要理解滚动条高度通常是指元素内容超出其可视区域的部分，可以通过`scrollTop()`方法获取。例如，`$(document).scrollTop()`...

jQuery 获取元素距离顶部高度

02-08

使用这个方法后可以通过访问 `.top` 属性来获取元素距离顶部的高度。例如： ``` var element = $("#some-element"); var top = element.offset().top; ``` 这个方法返回值是包含了两个属性的对象，top和left,表示...

jquery获取元素到屏幕四周可视距离的方法

12-10

$("div").offset().top//是标签距离顶部高度（没有到下面的距离，比如$("div").offset().down） $("div").offset().left//是标签距离右边高度（没有到下面的距离，比如$("div").offset().right） $(document)....

jQuery获取页面及个元素高度、宽度的总结——超实用

10-23

使用jQuery获取元素尺寸的方法包括： - `$(obj).width();` 获取指定元素的宽度。 - `$(obj).height();` 获取指定元素的高度。这里的`$(obj)`可以是任何jQuery对象，表示页面中的一个或多个元素。例如，`$("#...

JS、JQuery获取各种高度和元素距离

ksx2333的博客

04-01

5255

文章目录前言1 js原生1.1 offset系列1.2 client系列1.3 scroll系列2 jquery写法2.1 offset和position2.2 元素滚动2.2.1 scrollTop()2.2.2 $(document.body).scrollTop+ $(document.documentElement).scrollTop()2.2.3 $('body,html').scrollTop(60)2.3 元素的尺寸2.3.1 内容尺寸与css中设置的响应的属性相同2.3.2 内部尺寸2.

jquery获取元素各种宽高及页面宽高总结

weixin_34166847的博客

07-03

711

window.onload=function(){ var a = $("#div").width(),//width()返回元素的宽高，不包括padding/border/margin b = $("#div").innerWidth(),//innerWidth()返回元素的宽高 + padding c = $("#div").outerWidth()...

Jquery获取元素距离文档顶部的距离

wangcuiling_123的博客

08-02

2万+

超简单的方法： $( "元素选择器" ).offset().top;

jq获取元素距顶部距离 jq获取当前窗口滚动条滚动高度 scrollTop() offset().top

王敬辉的博客

04-10

2064

$('element').offset().top为元素到文档顶部距离 $(window).scrollTop() 为当前窗口滚动条的高度

jquery元素到窗口顶部的距离

qq_23260639的博客

05-12

1万+

$('元素').offset().top - $(window).scrollTop();

获取DOM元素到页面顶部的距离，亲侧有效版本