jQuery 滚动条获取(滚动某位置距离显示/隐藏元素)

jQuery 滚动条获取(滚动某位置距离显示/隐藏元素)<!DOCTYPEhtml><htmllang=”zh”><head> <metacharset=”UTF-8″> <metaname=”viewport”content=”width=device-width,initial-scale=1.0″> <metahttp-equiv=”X-UA-Compatible”content=”ie=edge”> <title></title>

<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title></title>
</head>
<body>
	<div style="width: 1920px;height: 5000px;background-color: #4E4E4E;"></div>
</body>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
<script type="text/javascript"> $(document).scroll(function() { 
     var scroH = $(document).scrollTop(); //滚动高度 var viewH = $(window).height(); //可见高度  var contentH = $(document).height(); //内容高度 if(scroH >2600){ 
     //距离顶部大于2600时 console.log("隐藏"); } if(scroH <= 2600){ 
     console.log("显示"); } if (contentH - (scroH + viewH) <= 2300){ 
     //距离底部高度小于2300px } if (contentH == (scroH + viewH)){ 
     //滚动条滑到底部啦 } }); </script>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/39166.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注