scrollTop和scrollHeight属性

---------------------------------------------------------------------检测滚动条是否滚动到底部：

aliven1

12131人浏览 · 2020-06-22 10:14:16

aliven1 · 2020-06-22 10:14:16 发布

---------------------------------------------------------------------

检测滚动条是否滚动到底部：

<body>
		<div id="outerctn">
			<div id="innerctn">
				<div id="innerctn1">
					测试div1
				</div>
				<div id="innerctn2">
					测试div2
				</div>
			<div>
		</div>
	</body>
	<script type="text/javascript">
		var $outerctn=$('#outerctn');
		var innerctn=$('#innerctn');
		var scrollHeight=$outerctn.scrollHeight;
		var $outerctn_h=$outerctn.height();
		var innerctn_h=innerctn.height();
		
		var scrollTop=innerctn_h-$outerctn_h;
		$outerctn.on('scroll',function(){
			console.log($(this).scrollTop(),scrollTop)
			if($(this).scrollTop()>=scrollTop){
				console.log('滚动条到达底部了')
			}
		})
	</script>

View Design

基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。

更多推荐

Element UI组件介绍

简介element ui 就是基于vue的一个ui框架,该框架基于vue开发了很多相关组件,方便我们快速开发页面。1、安装Element UI，通过vue脚手架创建项vue init webpack element(项目名)2、在vue脚手架项目中安装elementui# 1.下载elementui的依赖npm i element-ui -S# 2.指定当前项目中使用elementuiimport