<!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滚动到顶部底部是一款简单的滚动到顶部底部控制jQuery插件。是一个很实用的功能，他能帮助新手和高级开发者们创造美好的用户体验。 jquery滚动到顶部底部仅向上效果： 点击查看演示： jquery滚动到顶部...
在jQuery中，处理div元素的滚动事件是一项常见的需求，特别是在实现无限滚动或加载更多内容时。...通过本文的示例，你应该能够掌握如何用jQuery判断div滚动条是否到底部，并将其应用于自己的项目中。
标题中的"jQuery判断div随滚动条滚动到一定位置后停止"描述了一个JavaScript编程场景，其中使用jQuery库来处理网页元素的滚动效果。具体来说，它涉及到一个div元素（id为'widget'）在用户滚动页面时的行为。当div...
"jQuery局部div滚动加载远程数据"这个主题是关于如何利用jQuery实现一个功能，即当用户滚动到页面的某个div区域时，动态地从服务器加载更多的数据，这种技术通常称为"无限滚动"或"滚动加载"。这个特性在新闻网站、...
3. **页面底部检测**：要判断用户是否滚动到底部，通常会用到`$(document).height()`（文档总高度）和`$(window).height()`（视口高度）以及`$(window).scrollTop()`（滚动条顶部距离文档顶部的距离）。如果`$...
"jQuery滚动到页面底部后数字从0开始滚动到指定数字文字特效代码"就是一种这样的效果，它利用JavaScript库jQuery实现了当用户滚动到页面底部时，一个数字会从0开始逐渐滚动到预设的指定数字，同时支持小数点的滚动...
本篇文章将深入探讨如何使用jQuery来判断滚动条是否滚动到页面底部，并在此基础上执行特定的事件。首先，我们需要了解三个关键的DOM元素属性：clientHeight、offsetHeight和scrollTop。 1. **clientHeight**： ...
使用jQuery让DIV滚动到最底部的原理非常简单。要实现这个功能，我们需要获取DIV的高度，然后使用`.scrollTop()`方法来设置滚动条的位置。`.scrollTop()`是jQuery提供的方法，用于获取或设置匹配元素的滚动条的垂直...
总结来说，这篇文章介绍了如何使用jQuery判断网页是否滚动到底部，并提供了封装成插件的方法，以便在不同场景下灵活运用。通过理解这些基本的jQuery方法和事件，开发者可以轻松实现更多与用户滚动行为相关的交互效果...
接着定义了一个`scrollContent`函数，该函数通过`animate`方法平滑地将公告内容向上滚动，当滚动到底部时，将其恢复到初始位置并再次调用自身，形成无缝循环。 请注意，`5000`是动画的持续时间，单位为毫秒，可以...
以上就是使用jQuery检测滚动条是否到达底部的方法，无论是浏览器窗口还是特定`div`元素，都可以通过计算滚动位置来实现。在实际应用中，你可以根据具体需求进行调整，如添加加载更多数据的API调用。
在网页开发中，有时我们需要实现一个功能，使得页面中的某个具有滚动条的div元素自动滚动到最底部，以便用户能够即时查看新加载的内容，比如在实时聊天应用中。本文将介绍三种实现这一功能的方法。 方法一：使用锚...
{ scrollTop: contentHeight }, // 滚动到底部 scrollDuration, function() { $scrollingText.css('scrollTop', 0); // 回到顶部 scrollText(); // 重新开始滚动 } ); } scrollText(); // 启动滚动 }); ...
其次，为了检测用户是否滚动到页面底部，可以使用jQuery中的`$(window).scroll()`事件监听滚动行为，然后结合`$(document).height()`、`$(window).height()`以及`$(window).scrollTop()`这三个函数来判断。...
当判断条件满足，即滚动到底部时，显示浮动层。可以通过改变CSS的`display`属性实现： ```javascript $('#floatingLayer').show(); ``` 或者使用动画效果增加用户体验： ```javascript $('#floatingLayer')....
当某一div块区域，设定了固定高度，和overfloat滚动后，要进行滚动到区域底部后的加载或其他操作时，需要知道何时到达底部，此代码解决了这个问题
本文将深入探讨如何使用 jQuery UI 实现一个功能：当页面滚动到底部时，显示一个浮动的弹出层，用于展示图文列表。这个功能在许多网站中常见，比如加载更多内容、展示评论或广告等。 首先，我们需要理解 jQuery UI ...
检查条件`if (sum $(this).scrollTop() + $(this).height())`判断是否已滚动到底部。`sum`是整个内容的高度，`$(this).scrollTop()`是滚动条顶部到视口顶部的距离，`$(this).height()`是可视区域的高度。如果条件...