jquery 判断div滚动条是否滚动到底部

最新推荐文章于 2024-07-26 03:34:02 发布
最新推荐文章于 2024-07-26 03:34:02 发布
阅读量1.2w 收藏 3
点赞数 2
分类专栏： JQuery 文章标签： jquery

//div的滚动条，判断滚动条是否到底部

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <meta http-equiv="content-type" content="text/html;charset=utf-8">
     <title>下拉滚动条滚到底部了吗？</title>
     <script language="javascript" src="jquery-1.4.2.min.js" mce_src="jquery-1.4.2.min.js"></script>
     <script language="javascript">
     $(document).ready(function (){
       var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
       var nScrollTop = 0;   //滚动到的当前位置
       var nDivHight = $("#div1").height();
       $("#div1").scroll(function(){
         nScrollHight = $(this)[0].scrollHeight;
         nScrollTop = $(this)[0].scrollTop;
         if(nScrollTop + nDivHight >= nScrollHight)
           alert("滚动条到底部了");
         });
     });
     </script>
   <body>
   <div id="div1" style="overflow-y:auto; overflow-x:hidden; height:500px;">
     <div style="background-color:#ccc; height:750px;">IE 和 FF 下测试通过</div>
   </div>
   </body>
   </html>

闪耀的瞬间
关注
专栏目录
html jquery 滑动事件监听,jquery监听页面滚动条滚动事件
weixin_36378951的博客
06-09 1980
一、jQuery检测浏览器window滚动条到达底部jQuery获取位置和尺寸相关函数：$(document).height() 获取整个页面的高度$(window).height() 获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变，与document是不一样的scrollTop() 获取匹配元素相对滚动条顶部的偏移。scrollLeft() 获取...
jquery监听DIV的事件
05-27
jquery监听DIV的事件,可监听DIV的变化的事件,直接引用即可使用
Jquery判断滚动条是否在底部和控制滚动条滑动到底部
小魑魅的博客
03-12 422
界面 &lt;div class="msgList"&gt; &lt;/div&gt; 1.判断滚动条是否在底部 //判断滚动条是否到底部 $(".msgList").scroll(function(){ var scrollTop = $(this).scrollTop(); var scrollHeight = $(this)[0].scrollHeight; ...
jquery div 内容自动滚动
最新发布
weixin_40350013的博客
07-26 52
jQuery实现div内容自动滚动 作为一名经验丰富的开发者，我很高兴能为你提供帮助。在这篇文章中，我将向你介绍如何使用jQuery实现div内容的自动滚动。这将使你能够创建一个动态且引人入胜的网页效果。 流程图 首先，让我们通过一个流程图来了解实现div内容自动滚动的整个流程： #render_12_3528509687...
jquery判断滚动条是否到底
while(life)++；
10-11 660
jquery判断滚动条是否到底。
jquery判断滚动条是否到达窗口顶部和底部
记录
10-17 5786
var doc_height = $(document).height(); var scroll_top = $(document).scrollTop();  var window_height = $(window).height(); doc_height是文档的高度，scroll_top是滚动条上部离文档顶部的高度，window_height表示窗口高度。 当 scrol
一个用jquery写的判断div滚动条到底部的方法【推荐】
10-22
在jQuery中，处理div元素的滚动事件是一项常见的需求，特别是在实现无限滚动或加载更多内容时。...通过本文的示例，你应该能够掌握如何用jQuery判断div滚动条是否到底部，并将其应用于自己的项目中。
浅析jquery如何判断滚动条滚到页面底部并执行事件
11-23
本篇文章将深入探讨如何使用jQuery来判断滚动条是否滚动到页面底部，并在此基础上执行特定的事件。首先，我们需要了解三个关键的DOM元素属性：clientHeight、offsetHeight和scrollTop。 1. **clientHeight**： ...
jQuery判断div随滚动条滚动到一定位置后停止
12-01
标题中的"jQuery判断div随滚动条滚动到一定位置后停止"描述了一个JavaScript编程场景，其中使用jQuery库来处理网页元素的滚动效果。具体来说，它涉及到一个div元素（id为'widget'）在用户滚动页面时的行为。当div...
jquery DIV撑大让滚动条滚到最底部代码
01-21
在探讨如何使用jQuery让DIV元素的滚动条滚动到最底部之前，我们需要了解几个基础知识点，以便更好地掌握这一操作的原理和应用背景。 首先，需要了解jQuery是什么。jQuery是一个快速、小巧、功能丰富的JavaScript库...
jquery判断div滚动条是否到底部
杨葱儿
11-29 1083
$('#div').scroll(function(event){ console.log(event); var t = event.currentTarget.scrollTop; var s = event.currentTarget.scrollHeight; var c =event.currentTarget.clientHeight; if(t...
jQuery判断网页是否已经滚动到浏览器底部的实现方法
01-19
有些需求中，需要当用户滚动到浏览器底部的时候，再加载新的内容。笔者在这里介绍如何使用Jquery判断用户是否已经浏览到网页的底部了。 在了解下面的知识点之前，笔者这里先介绍几个概念。 $(window).height(); //用于获取浏览器显示区域的高度 $(window).width(); //用于获取浏览器显示区域的宽度 $(document.body).height(); //获取页面文档的高度 $(document.body).width(); //获取页面文档的宽度 $(document).scrollTop(); //获取垂直滚动条到顶部的垂直距离 $(document).scr
jQuery检测滚动条是否到达底部
11-23
一、jQuery检测浏览器window滚动条到达底部 jQuery获取位置和尺寸相关函数： $(document).height()    获取整个页面的高度 $(window).height()    获取当前也就是浏览器所能看到的页面的那部分的高度。这个大小在你缩放浏览器窗口大小时会改变，与document是不一样的 scrollTop()    获取匹配元素相对滚动条顶部的偏移。 scrollLeft()    获取匹配元素相对滚动条左侧的偏移。 scroll([[data],fn])    当滚动条发生变化时触犯scroll事件 jQuery检测滚动条到达底部代码： $(docum
jquery html滚动条样式,JQuery+DIV自定义滚动条样式的具体实现
weixin_35537968的博客
06-09 298
JQuery计算滚动条长度和位置，代码如下：javascriptvar scrMinHeight = 1; //滚动条最小高度var scrMaxHeight = 0; //滚动条最大高度var scrDefualtTop = 80; //滚动条默认位置var scrHeight = 0;//初始化滚动条function InitScroll() {scrMaxHeight = $("#mainS...
jquery如何判断滚动条是否到底部
fef647的博客
02-27 405
jquery判断滚动条是否到底部的方法：1、使用【scrollTop()】方法，jQuery检测浏览器window滚动条到达底部；2、使用【scroll_div】检测动条到达底部事件。 本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。 jquery判断滚动条是否到底部的方法： 一、jQuery检测浏览器window滚动条到达底部 jQuery获取位置和尺寸相关函数： $(document).height() 获取整个页面的高度 $(window).height()
jQuery判断滚动到底部或顶部
骆小胖~
08-24 1092
      2、页面可见区域的高度       3、整个HTML页面文档的高度 详解： （1）滚动条滚动的距离         $(window).scrollTop()和$(document).scrollTop()具有相同的效果，都为返回滚动条的垂直位置,但是$(window).scrollTop()被所有浏览器支持。所以建议以后用$(window).scrollTop()来获取滚动距离 （2）页面可见区域的高度         $(window).height() （3）整个HTML页面
使用JQuery判断DIV滚动条是否到底
开享
07-07 3635
<html><br /><script src="jquery-1.4.2.min.js"></script><br /><script><br /> $(document).ready(function (){<br /> $("#div1").scroll(function(){$("#span1").html($("#div1").scrollTop())<br />if($("#div1").height()+$("#div1").scrollTop()>=$("#div2").heig
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值