`
resembling
  • 浏览: 32756 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery 判断div是否滚动到底部

阅读更多

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

分享到:
评论

相关推荐

    jquery滚动到顶部底部.zip

    jquery滚动到顶部底部是一款简单的滚动到顶部底部控制jQuery插件。是一个很实用的功能,他能帮助新手和高级开发者们创造美好的用户体验。 jquery滚动到顶部底部仅向上效果: 点击查看演示: jquery滚动到顶部...

    一个用jquery写的判断div滚动条到底部的方法【推荐】

    在jQuery中,处理div元素的滚动事件是一项常见的需求,特别是在实现无限滚动或加载更多内容时。...通过本文的示例,你应该能够掌握如何用jQuery判断div滚动条是否到底部,并将其应用于自己的项目中。

    jQuery判断div随滚动条滚动到一定位置后停止

    标题中的"jQuery判断div随滚动条滚动到一定位置后停止"描述了一个JavaScript编程场景,其中使用jQuery库来处理网页元素的滚动效果。具体来说,它涉及到一个div元素(id为'widget')在用户滚动页面时的行为。当div...

    jQuery局部div滚动加载远程数据

    "jQuery局部div滚动加载远程数据"这个主题是关于如何利用jQuery实现一个功能,即当用户滚动到页面的某个div区域时,动态地从服务器加载更多的数据,这种技术通常称为"无限滚动"或"滚动加载"。这个特性在新闻网站、...

    网页模板——jQuery实现滚动到网站页面底部动画弹出对话框.zip

    3. **页面底部检测**:要判断用户是否滚动到底部,通常会用到`$(document).height()`(文档总高度)和`$(window).height()`(视口高度)以及`$(window).scrollTop()`(滚动条顶部距离文档顶部的距离)。如果`$...

    jQuery滚动到页面底部后数字从0开始滚动到指定数字文字特效代码

    "jQuery滚动到页面底部后数字从0开始滚动到指定数字文字特效代码"就是一种这样的效果,它利用JavaScript库jQuery实现了当用户滚动到页面底部时,一个数字会从0开始逐渐滚动到预设的指定数字,同时支持小数点的滚动...

    浅析jquery如何判断滚动条滚到页面底部并执行事件

    本篇文章将深入探讨如何使用jQuery来判断滚动条是否滚动到页面底部,并在此基础上执行特定的事件。首先,我们需要了解三个关键的DOM元素属性:clientHeight、offsetHeight和scrollTop。 1. **clientHeight**: ...

    jquery DIV撑大让滚动条滚到最底部代码

    使用jQuery让DIV滚动到最底部的原理非常简单。要实现这个功能,我们需要获取DIV的高度,然后使用`.scrollTop()`方法来设置滚动条的位置。`.scrollTop()`是jQuery提供的方法,用于获取或设置匹配元素的滚动条的垂直...

    jQuery判断网页是否已经滚动到浏览器底部的实现方法

    总结来说,这篇文章介绍了如何使用jQuery判断网页是否滚动到底部,并提供了封装成插件的方法,以便在不同场景下灵活运用。通过理解这些基本的jQuery方法和事件,开发者可以轻松实现更多与用户滚动行为相关的交互效果...

    jQuery实现网站中公告上下无缝滚动,marquee

    接着定义了一个`scrollContent`函数,该函数通过`animate`方法平滑地将公告内容向上滚动,当滚动到底部时,将其恢复到初始位置并再次调用自身,形成无缝循环。 请注意,`5000`是动画的持续时间,单位为毫秒,可以...

    jQuery检测滚动条是否到达底部

    以上就是使用jQuery检测滚动条是否到达底部的方法,无论是浏览器窗口还是特定`div`元素,都可以通过计算滚动位置来实现。在实际应用中,你可以根据具体需求进行调整,如添加加载更多数据的API调用。

    让DIV的滚动条自动滚动到最底部的3种方法(推荐)

    在网页开发中,有时我们需要实现一个功能,使得页面中的某个具有滚动条的div元素自动滚动到最底部,以便用户能够即时查看新加载的内容,比如在实时聊天应用中。本文将介绍三种实现这一功能的方法。 方法一:使用锚...

    jquery文字上下无缝滚动

    { scrollTop: contentHeight }, // 滚动到底部 scrollDuration, function() { $scrollingText.css('scrollTop', 0); // 回到顶部 scrollText(); // 重新开始滚动 } ); } scrollText(); // 启动滚动 }); ...

    jQuery实现滚动到网站页面底部动画弹出对话框.zip

    其次,为了检测用户是否滚动到页面底部,可以使用jQuery中的`$(window).scroll()`事件监听滚动行为,然后结合`$(document).height()`、`$(window).height()`以及`$(window).scrollTop()`这三个函数来判断。...

    jQuery鼠标滚动条到页面底部浮动层滑动弹出信息

    当判断条件满足,即滚动到底部时,显示浮动层。可以通过改变CSS的`display`属性实现: ```javascript $('#floatingLayer').show(); ``` 或者使用动画效果增加用户体验: ```javascript $('#floatingLayer')....

    jquery、js 实现div区域内滚动到底部时的触发

    当某一div块区域,设定了固定高度,和overfloat滚动后,要进行滚动到区域底部后的加载或其他操作时,需要知道何时到达底部,此代码解决了这个问题

    jquery ui页面滚动底部显示浮动弹出层图文列表展示

    本文将深入探讨如何使用 jQuery UI 实现一个功能:当页面滚动到底部时,显示一个浮动的弹出层,用于展示图文列表。这个功能在许多网站中常见,比如加载更多内容、展示评论或广告等。 首先,我们需要理解 jQuery UI ...

    jQuery实现滚动到底部时自动加载更多的方法示例

    检查条件`if (sum $(this).scrollTop() + $(this).height())`判断是否已滚动到底部。`sum`是整个内容的高度,`$(this).scrollTop()`是滚动条顶部到视口顶部的距离,`$(this).height()`是可视区域的高度。如果条件...

Global site tag (gtag.js) - Google Analytics