Jquery 判断滚动条到达顶部或底部 (可用于上拉下拉加载刷新)
2015-01-15 16:32
337 查看
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 runat="server">
<title>无标题页</title>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(window).scroll(function() {
//$(document).scrollTop() 获取垂直滚动的距离
//$(document).scrollLeft() 这是获取水平滚动条的距离
if ($(document).scrollTop() <= 0) {
alert("滚动条已经到达顶部为0");
}
if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
alert("滚动条已经到达底部为" + $(document).scrollTop());
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="height: 3000px; background-color: Blue;">
</div>
</form>
</body>
</html>
<!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 runat="server">
<title>无标题页</title>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(window).scroll(function() {
//$(document).scrollTop() 获取垂直滚动的距离
//$(document).scrollLeft() 这是获取水平滚动条的距离
if ($(document).scrollTop() <= 0) {
alert("滚动条已经到达顶部为0");
}
if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
alert("滚动条已经到达底部为" + $(document).scrollTop());
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="height: 3000px; background-color: Blue;">
</div>
</form>
</body>
</html>
相关文章推荐
- jquery判断滚动条是否到达窗口顶部和底部
- jquery判断滚动条是否到达顶部或者底部
- Jquery 判断滚动条到达顶部或底部
- js判断滚动条是否到达顶部、底部 兼容各种浏览器
- jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部
- jquery 判断滚动条到达了底部和顶端的方法
- jquery 判断滚动条到达了底部和顶端的方法
- jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部
- jquery 判断滚动条到达了底部和顶端的方法
- JQ判断滚动条是否到达页面底部,流加载
- jquery 判断滚动条到达了底部,怎么判断滚动条是否又到达的顶
- jquery 判断滚动条到达了底部,怎么判断滚动条是否又到达的顶
- jquery判断滚动条到达底部
- Jquery判断滚动条到底部分页加载数据
- Jquery的 scroll事件,实现当滚动条到达最底部时,自动加载新项
- jquery判断滚动条到达底部的方法
- jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部
- jQuery判断滚动条是否在顶部、底部。
- jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部
- Jquery的 scroll事件,实现当滚动条到达最底部时,自动加载新项[转]