jquery 判断div是否滚动到底部

最新推荐文章于 2022-10-11 09:24:06 发布
最新推荐文章于 2022-10-11 09:24:06 发布
阅读量393 收藏
点赞数
分类专栏： 前端技术 文章标签： jQuery JavaScript CSS DOS HTML ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/reslife/article/details/83707546
版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> this is main page. </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript" src="jquery-1.4.2.min.js"></script>
  <script type="text/javascript">
   $(function(){
        var distanceScrollCount = 0; //滚动距离总长
        var distanceScroll = 0;   //滚动到的当前位置
        var divHight = $("#hioye").height();

        $("#hioye").scroll(function(){
          distanceScrollCount = $(this)[0].scrollHeight;
          distanceScroll = $(this)[0].scrollTop;
          if(distanceScroll + divHight >= distanceScrollCount)
            alert("滚动条到底部了");
          });
   });
   function dos(){
        //$("#abc").append("dfdfd---");
        
   }
  </script>
  <style type="text/css">
   .div{margin:5px;}
   </style>
 </HEAD>

 <BODY>
 <div id="abc"></div>
<div id="hioye" style="width:100px;height:100px;overflow-y:scroll;background-color:red;">
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>sdfs<br/>sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>
sdfs<br/>sdfs<br/>sdfs<br/>adasdasdadff
</div>
 </div>
 </BODY>
</HTML>

reslife
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jq滑动到指定位置出现div
大喵de博客
02-07 3099
test 往下拉！！！ 近日，百度地图发布《2018年春运出行预测报告》（以下简称“报告”），由百度地图、交通运输部科学研究院联合撰写，基于百度定位大数据、高速公路大数据、人口大数据、交通行业浮动车等去隐私化交通出行源数据，对2018年春运期间交通拥堵、人群出行特征等信息进行了预测，力求为全国人民，尤其是外出就业人员春运出行提供参考信息。 2 1 $(document).rea
一个用jquery写的判断div滚动条到底部的方法【推荐】
10-22
下面小编就为大家带来一篇一个用jquery写的判断div滚动条到底部的方法【推荐】。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧
jQuery判断div滚动到底部,并加载数据的示例,防止重复加载
☆╮123☆
05-30 2588
（1）简单示例： var msg_list_loading = false; $('.msg_list').on('scroll', function(){ if ( ! msg_list_loading ){ load_more_msg(); } }) fun...
jquery判断滚动到某个div显示底部按钮
diebaiying3731的博客
01-22 252
判读滚动某个div显示底部按钮 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0, ...
jquery判断div滚动条是否到底部
杨葱儿
11-29 1044
$('#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判断滚动条是否到底
while(life)++；
10-11 639
jquery判断滚动条是否到底。
jquery DIV撑大让滚动条滚到最底部代码
01-21
代码如下: $(“#feedbackContainer”).scrollTop($(“#feedbackContainer”).height());
浅析jquery如何判断滚动条滚到页面底部并执行事件
11-23
本文章向码农介绍jquery如何判断滚动条滚到页面底部并执行事件。首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。 首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。 ...
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
09-01
下面小编就为大家带来一篇让DIV的滚动条自动滚动到最底部的3种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
判断一个div的滚动条是否到达了底部
lidog的博客
05-21 3176
判断一个div的滚动条是否到达了底部 $(document).height() == $(window).height() + $(window).scrollTop()。 内容高度 = 窗口高度 + 滚动高度； Div的内容发送变化时，让div始终保持在底部 var div = document.getElementById('box') div.scrollTop
jquery 判断div滚动条是否滚动到底部
dxj124的博客
02-18 1413
var nDivHight = $(".box").height(); $('.box').on('scroll', function() {     nScrollHight = $(this)[0].scrollHeight;     nScrollTop = $(this)[0].scrollTop;     if (nScrollTop + nDivHight &gt;= nScroll...
jquery如何判断滚动条滚到页面底部并执行事件
热门推荐
青青木屋
07-21 8万+
首先理解三个dom元素，分别是：clientHeight、offsetHeight、scrollTop。 clientHeight：这个元素的高度，占用整个空间的高度，所以，如果一个div有滚动条，那个这个高度则是不包括滚动条没显示出来的下面部分的内容。而只是单纯的DIV的高度。 offsetHeight：是指元素内容的高度。依照上面的，那这个高度呢就是DIV内部的高度，包括可见部分及以滚动条
一个用jquery写的判断div滚动条到底部的方法
littlerebeka的专栏
09-26 1万+
jQuery 里和滚动条有关的概念很多，但是有三个属性和滚动条的拖动有关，就是：scrollTop、scrollLeft、scrollHeight。其中 scrollHeight 属性，互联网上几乎搜素不到关于它的应用技巧，而我正好需要用到它。     我们现在只探讨和垂直滚动有关的 scrollTop、scrollHeight 属性。     一、滚动条有关属性的正确理解：     假设有
jq判断scroll是否到底部
晨露
08-11 1696
首先，我们要获取三个高度： 1. 整体div的高度. 2. 超出盒子部分就添加overflow:scroll的盒子高度 3. 超出盒子部分就添加overflow:scroll的盒子距离滚动条顶部的高度
使用JQuery判断DIV滚动条是否到底
开享
07-07 3622
<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
jquery判断滚动条是否到达底部
baidu_39305094的博客
03-06 1061
$(window).scrollTop() +$(window).height() ===$(document).height()成立时滚动条在底部
jquery使滚动条滚动到最底部 scrollTop
zcc的博客
07-15 6402
需求：当div 中 内容过多出现滚动条时，让滚动条滚动到最下面。 scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。 scrollHeight网页内容实际高度 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <style> .out-.
jquery如何判断滚动条是否到底部
huowuyou的博客
12-18 1640
jquery判断滚动条是否到底部的方法：1、使用【scrollTop()】方法，jQuery检测浏览器window滚动条到达底部；2、使用【scroll_div】检测动条到达底部事件。 本教程操作环境：windows7系统、jquery3.2.1版本，该方法适用于所有品牌电脑。 jquery判断滚动条是否到底部的方法： 一、jQuery检测浏览器window滚动条到达底部 jQuery获取位置和尺寸相关函数： $(document).height() 获取整个页面的高度 $(window).height()
让DIV的滚动条自动滚动到最底部的方法
最新发布
08-31
要让 `<div>` 元素的滚动条自动滚动到最底部，可以使用以下方法： 1. 使用 JavaScript/jQuery：通过设置 `scrollTop` 属性将其设置为 `scrollHeight` 属性的值。 ```javascript // 使用纯 JavaScript var div...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值