jQuery——46.获取滚动条的位置【scrollTop( )，scrollLeft( )】

时间sk

于 2025-03-16 15:13:32 发布

阅读量226

点赞数 1

分类专栏： jQuery前端框架文章标签： jquery javascript ecmascript

本文链接：https://blog.csdn.net/weixin_63215361/article/details/146295743

版权

jQuery前端框架专栏收录该内容

74 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{margin: 0;padding: 0;}
			#box{width: 2000px;height: 2000px;background: #ccc;}
			
		</style>
		<script src="../js/jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				//获取滚动条的位置 
				$(window).scroll(function(){
					//获取滚动条到顶部的距离 scrollTop()
					var st = $(document).scrollTop();
					
					//获取滚动条到左侧的距离 scrollLeft()
					var sl = $(document).scrollLeft();
					console.log(st+"||"+sl)
					
					//$("title").html(st+"||"+sl);
				})
				
				
				
			
			})
		</script>
	</head>
	<body>
		<div id="box"></div>
	</body>
</html>