scrollTop和scrollHeight属性「建议收藏」

scrollTop和scrollHeight属性「建议收藏」———————————————————————检测滚动条是否滚动到底部:

大家好,又见面了,我是你们的朋友全栈君。

scrollTop和scrollHeight属性「建议收藏」

scrollTop和scrollHeight属性「建议收藏」

 ———————————————————————

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

scrollTop和scrollHeight属性「建议收藏」

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

 

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/163738.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • MVC学习笔记八:WebGrid控件的高级使用「建议收藏」

    MVC学习笔记八:WebGrid控件的高级使用「建议收藏」WebGrid控件的高级使用在笔记三中记录了WebGrid的简单使用,但实际工作中并不能满足开发要求,比如:考虑到性能,要求服务器端分页,而不是查出所有数据来进行简单的客户端页面分页;要在排序时,给列标题显示不同图像等等,都不是直接就能满足的,这里记录下对WebGrid进行的较高层次的使用。一.服务器端分页处理在演示服务端分页之前,先做一些简单的准备工作:

  • SuperGO外设下载地址安装,穿透模式使用

    SuperGO外设下载地址安装,穿透模式使用SuperGo下载地址安装使用教程这里给大家分五个步骤进行教学第一步:打开MM/纵行地图/SuperGo软件的下载网站www.tngps.com(用Safari浏览器进行操作),在APPstore下载并安装“TestFlight”软件,安装以后就不用管这个软件了第二步:下载完“TestFlight”后,返回刚才的网站点击“开始测试”,下载MM软件并安装。第三步:打开MM/纵行地图/SuperGo软件后插入设备,等待数秒等待软件连接成功后进入操作界面。第四步:在“搜索..

  • POJ 2996 Help Me with the Game (模拟)

    POJ 2996 Help Me with the Game (模拟)题目链接:http://poj.org/problem?id=2996POJ训练计划中的模拟都是非常棒的模拟,也非常有代表性。这个题讲的是给你一个国际象棋棋盘,敲代码打印出黑白两方的棋子。以及棋子的坐标。可是须要注意的国际棋盘的坐标问题例如以下图这个国际棋盘能够看到数字轴和字母轴的方向以及增减关系。所以在这个题的统计的时候须要进行坐标转换。由于已经做过类似的方法…

  • group by 和 order by 的区别 + 理解过程

    group by 和 order by 的区别 + 理解过程orderby和groupby的区别order by 和 group by 的区别:1,order by 从英文里理解就是行的排序方式,默认的为升序。 order by 后面必须列出排序的字段名,可以是多个字段名。2,group by 从英文里理解就是分组。必须有“聚合函数”来配合才能使用,使用时至少需要一个分组标志字段。注意:聚合函数是—sum()、count()、…

  • java单例模式案例,及单例体现的关键

    java单例模式案例,及单例体现的关键

  • ping命令详解 ping命令入门详解

    ping命令详解 ping命令入门详解在这个时代,科技越来越发达,网络已经越来越成为人们不可缺少的一部分。计算机也已经是很多学校的课程了,因为计算机技术是非常有技术性的专业,它其中涉及到很多专业知识,需要通过学习才能掌握。今日小编就为大家介绍一个计算机的命令,它叫做Ping,这边介绍一下它的入门知识,主要是关于ping连接和命令方面的介绍。  1、Ping的基础知识  ping命令相信大家已经再熟悉不过了,但是能把ping的功能发…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号