判断滚动条到达顶部或底部代码,JS代码库,德仔网

代码语言

代码分类

【JS】判断滚动条到达顶部或底部

作者:盈巧 / 发布于2015/1/26/ 549


	<%@ 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>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　顶部　　滚动条　

同语言下

可能有用的

盈巧贡献的其它代码(15)