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>

 

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • centos7搭建hadoop集群之rsync和xsync[通俗易懂]

    centos7搭建hadoop集群之rsync和xsync[通俗易懂]文章记录于各个服务器(或者虚拟机等)已经配置了ssh免密登录,可执行下面操作,未配置ssh免密登录,可参考:https://blog.csdn.net/yhblog/article/details/84029535此文章是基于centos7minimal版本的,纯净系统,所以还需要安装rsync工具(确保所有节点都必须安装rsync)否则报错:安装成功:启动rsync服务sys…

    2022年6月2日
    30
  • 如何删除mysql重新安装_重装系统文件还在吗

    如何删除mysql重新安装_重装系统文件还在吗首先cmd–>netstopmysql停止服务1.打开控制面板卸载mysql的所有程序2.进入C盘ProgramFiles或者是ProgramFiles(x86)删除mysql文件夹3.删除C盘目录下C:\ProgramData中mysql文件夹4.打开运行界面输入regedit,首先删除:HKEY_LOCAL_MACHINE\SYSTEM\ControlSet001\Se……

    2022年9月29日
    0
  • windows10 记事本进程 键盘消息钩子 dll注入

    windows10 记事本进程 键盘消息钩子 dll注入看了很多文档,垮了很多坎,终于完成了这个demo;有很多个人理解,可能不完全正确,见谅;先上实现的图片:如图,我通过SetWindowsHookEx()函数向记事本进程中当前窗口线程注入了自己写的dll,dll中设置的回调函数使,当键盘按了1,那么就会触发一个MessageBox。工具:VS2015,PCHunter(用于查看是否成功注入了dll,其实看能否实现功能就信…

    2022年7月26日
    13
  • 中国北斗卫星导航系统官方免费下载_北斗导航怎么样好用吗

    中国北斗卫星导航系统官方免费下载_北斗导航怎么样好用吗国产激光雷达:EagleEye2000的测试报告

    2022年8月16日
    3
  • 数学建模中的选址问题_数学建模停车场规划问题

    数学建模中的选址问题_数学建模停车场规划问题选址问题:是指在规划区域里选择一个或多个设施的位置,使得目标最优。四个要素:设施、规划区域、位置(距离)、目标设施:按照设施的空间维度划分,可以将选址问题分为:1.立体选址问题:设施的高度不能被忽略,如集装箱装箱问题。2.平面选址问题:设施的长、宽不能被忽略,如货运站的仓位布局问题。3.线选址问题:设施的宽度不能被忽略,如在仓库两边的传送带布局问题。4.点选址问题:设施可以…

    2022年9月15日
    0
  • 安卓报错:java.lang.RuntimeException: Unable to start activity ComponentInfo—getSupportActionBar()为null

    安卓报错:java.lang.RuntimeException: Unable to start activity ComponentInfo—getSupportActionBar()为nulljava.lang.RuntimeException:UnabletostartactivityComponentInfo—getSupportActionBar()为null。

    2022年7月25日
    7

发表回复

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

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