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

清疚 2022-09-25 03:23 208阅读 0赞

//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>

发表评论取消回复

表情：

评论列表（有 0 条评论，208人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 监听滚动条是否滚动到底部

【代码】js 监听滚动条是否滚动到底部。

喜欢ヅ旅行/ 2024年04月22日 15:07/ 0 赞/ 10 阅读

相关 div设置下拉滚动条以及翻滚到底部

div设置下拉滚动条首先：我们创建一个父亲div进行包裹我们的内容，style中起作用的是height以及overflow属性，这两个必须要有 <div cla

太过爱你忘了你带给我的痛/ 2023年05月21日 15:19/ 0 赞/ 277 阅读

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

//div的滚动条，判断滚动条是否到底部 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

清疚/ 2022年09月25日 03:23/ 0 赞/ 209 阅读

相关 jQuery判断滚动条滚动方向

方法一： <script> var position = $(window).scrollTop(); $(window).scr

系统管理员/ 2022年09月08日 14:59/ 0 赞/ 232 阅读

相关滚动条到底部

var totalheight = 0; function loadData() \{ totalheight = parseFloat($(window

迷南。/ 2022年08月07日 03:33/ 0 赞/ 180 阅读

相关 js判断滚动条是否到底部

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

灰太狼/ 2022年06月06日 02:24/ 0 赞/ 244 阅读

相关 jq判断页面滚动到底部

var scrollTop = $(window).scrollTop(); var scrollHeight = $(

今天药忘吃喽~/ 2022年06月01日 14:16/ 0 赞/ 220 阅读

相关 jQuery判断滚动条滚动到顶部和底部

//底部 $(window).scroll(function(){ var viewHeight =$(window).height()

爱被打了一巴掌/ 2022年05月25日 00:27/ 0 赞/ 218 阅读

相关获取div滚动条滚动到底部的事件[转]

关于 jQuery 的 Div 标签的滚动条的概念，没有几个人能够完全、正确搞明白的。我知道很多人不同意我的观点。但是如果去百度上搜素，与 jQuery 滚动条有关

我会带着你远行/ 2022年05月17日 01:17/ 0 赞/ 816 阅读

相关 jquery 滚动条滚动到底部

[菜鸟教程-prop][-prop] [菜鸟教程animate][animate] $("chartContainer").animate({scrollTop:$

àì夳堔傛蜴生んèń/ 2022年04月22日 13:14/ 0 赞/ 223 阅读