<!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()`是可视区域的高度。如果条件...