如何使用jquery获取 (滚动条)距离(页面底部)的距离

最新推荐文章于 2022-10-31 21:05:25 发布
最新推荐文章于 2022-10-31 21:05:25 发布
阅读量4.1k 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：https://my.oschina.net/laobia/blog/1538140
本文探讨了为何大部分程序员难以转型成为架构师的原因，并通过一个具体的JavaScript代码片段举例说明了在实际工作中如何通过判断页面滚动位置来触发特定操作。

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

为什么80%的码农都做不了架构师？>>>   hot3.png

if($(document).height()-$(document).scrollTop()<1200){
//当整个页面dom的高度-滚动条滑动的距离==滚动条距离底部的距离
//执行操作
}

 

转载于:https://my.oschina.net/laobia/blog/1538140

jQuery实现判断滚动条滚动到document底部的方法分析
12-11
本文实例讲述了jQuery实现判断滚动条滚动到document底部的方法。分享给大家供大家参考，具体如下： 滚动条没有实际的高度。只是为了呈现效果才在外型上面有长度。 在js当中也没有提供滚动条的高度API。 参考了网上有关资料：判断滚动条到底部的基本逻辑是滚动条滚动的高度加上视口的高度，正好是document的高度，公式表示为 滚动条滚动的高度+浏览器视口的高度>=document的高度。 参考网上资料，具体代码如下： //滚动条在Y轴上的滚动距离 function getScrollTop() { var scrollTop = 0, bodyScrollTop =
获取滚动条距离底部的距离
weixin_33912638的博客
03-02 4304
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>滚动条距离底部的距离</title> </head> <body> <div class...
jquery获得滚动距离的方法
qq_43654065的博客
05-25 2831
获取可视区域的高度 $(window).height() 获取可视区域的宽度 $(window).width() 获取文档的高度（html的高度） $(document).height() 获取文档的宽度（html的宽度） $(document).width() 获取body的高度 $(document.body).height() 获取body的宽度 $(document.body).width() 获取body的外高度，包括 padding 和 border。 $(document.body).ou
jq获取元素到底部的距离
weixin_33937778的博客
09-21 3023
// var wh = $(window).height(),//是文档窗口高度 // ot = $("#icoimg").offset().top,//是标签距离顶部高度 // ds = $(document.documentElement).scrollTop();//是滚动条高度//ds = window.pageYOffset || document.docum...
JS及jQuery获取各种宽度、高度的简单介绍以及判断滚动条滚动到底部事件
J_W_Xie
05-18 1万+
JS获取各种宽度、高度的简单介绍： JS获取各种宽度、高度的简单介绍： scrollHeight: 获取对象的滚动高度。  scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离  scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离  scrollWidth:获取对象的滚动宽度  offsetHeight:获
jquery判断滚动条距离顶部的距离方法
10-18
标题提到的“jquery判断滚动条距离顶部的距离方法”就是这样的一个功能，它可以用来检测用户滚动到页面的哪个位置。 首先，我们需要理解`$(window)`在jQuery中的含义。`$(window)`代表整个浏览器窗口，包括页面内容...
jQuery检测滚动条是否到达底部
11-23
当滚动条距离顶部的距离（`scrollTop()`）加上可视窗口的高度（`$(window).height()`）等于或超过整个文档的高度（`$(document).height()`）时，说明滚动条已经到达底部。 除了检测浏览器的滚动条，我们还可以检测...
浅析jquery如何判断滚动条滚到页面底部并执行事件
11-23
本篇文章将深入探讨如何使用jQuery来判断滚动条是否滚动到页面底部，并在此基础上执行特定的事件。首先，我们需要了解三个关键的DOM元素属性：clientHeight、offsetHeight和scrollTop。 1. **clientHeight**： ...
jQuery网页滚动计算底部距离百分比
ICode联盟
03-25 245
下载地址 js判断网页滚动向下滚动的时候距离底部页面还剩多少的计算方法。 dd:
jQuery判断滚动到底部或顶部
骆小胖~
08-24 1155
      2、页面可见区域的高度       3、整个HTML页面文档的高度 详解： （1）滚动条滚动的距离         $(window).scrollTop()和$(document).scrollTop()具有相同的效果，都为返回滚动条的垂直位置,但是$(window).scrollTop()被所有浏览器支持。所以建议以后用$(window).scrollTop()来获取滚动距离 （2）页面可见区域的高度         $(window).height() （3）整个HTML页面
jQuery——滚动条位置的获取与设置
热门推荐
sleepwalker_1992的专栏
05-20 4万+
scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置scrollLeft() 方法返回或设置匹配元素的滚动条的水平位置&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;滚动条位置的获取与设置&lt;/tit
jquery屏幕滚动计算事件总结
weixin_34345560的博客
10-24 294
获取浏览器显示区域（可视区域）的高度 ： $(window).height(); 获取浏览器显示区域（可视区域）的宽度 ： $(window).width(); 获取页面的文档高度: $(document).height(); 获取页面的文档宽度 ： $(document).width(); 浏览器当前窗口文档body的高度： $(document.body).height()...
jquery获取元素到屏幕底的可视距离
骑着代码去流浪
10-08 1034
$(window).height();//是文档窗口高度 $("div").offset().top//是标签距离顶部高度 $(document).scrollTop();//是滚动条高度 $("div").height();//是标签高度 div到底部距离+$("div").height()+[$("div").offset().top-$(document).scrollTop()]=$(wi...
jquery 滚动条滚动到底部触发事件
weixin_36723038的博客
10-31 1718
jquery滑动到底部加载数据
js 判断滚动条是否到达底部
Sirius的博客
04-27 6609
1. 原生Javascript实现判断滚动条到底部，需要用到DOM的三个属性值，即scrollTop、clientHeight、scrollHeight。 scrollTop : 滚动条在Y轴上的滚动距离。 clientHeight : 内容可视区域的高度。 scrollHeight : 内容可视区域的高度加上溢出（滚动）的距离。 从这个三个属性的介绍就可以看出来，滚动条到底部的条件即为sc
JS获取滚动条到底部得距离
YingUser的博客
05-28 1723
// 监听滚动 FirstPage 是父组件传过来的值 判断调用哪个的 addEvent() { window.addEventListener( 'scroll', this.type == 'FirstPage' ? this.firstPageScrollEvent : this.scrollDomScrollEvent ); }, // 滚动出首页则展示 firstPageScrollEvent(..
Jquery之获取滚动距离方法
铁甲小宝爱编程
12-08 3702
获取浏览器显示区域（可视区域）的高度 ： $(window).height(); 获取浏览器显示区域（可视区域）的宽度 ： $(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 ： $(document).width(); 浏览器当前窗口文档body的高度： $(document.body).height(); 浏览器当前窗口文档body的宽度： $(document.body).width(); 获取
jquery判断滚动条到达底部
dengpeng1994的博客
02-17 1083
var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)          var nScrollTop = 0;   //滚动到的当前位置          var nDivHight = $("#test").height();//overflow所在的div                    $("#test").scroll(function(){/
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值