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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • navicat premium 15.0.25激活码【中文破解版】

    (navicat premium 15.0.25激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月21日
    145
  • SDN中的LLDP和Openflow协议[通俗易懂]

    SDN中的LLDP和Openflow协议[通俗易懂]OpenFlow交换机把传统网络中,完全由交换机/路由器控制的报文转换为由交换机和控制器来共同完成数据的转发操作,从而实现数据的转发与路由控制的分离。控制器则通过事先规定好的接口操作OpenFlow交换机中的流表,从而达到数据转发的目的。SDN链路发现和拓扑管理主要是控制其利用南向接口的上行通道对底层交换设备上报信息进行统一监控和统计;而策略制定和表项下发则是控制器利用南向接口的下行通道…

    2022年5月11日
    40
  • java switch条件_Java switch 条件语句用法详解[通俗易懂]

    java switch条件_Java switch 条件语句用法详解[通俗易懂]首页>基础教程>循环条件语句>条件语句switchJavaswitch条件语句用法详解switchcase语句在很多编程语言中的功能都是等于条件判断,java中为多路分支选择流程专门提供了switch语句,switch语句根据多个表达式的值,选择运行多个操作中的一个。当需要对选项进行等值判断时,使用switch语句更加简洁明了。switch的case语句可以处…

    2022年7月14日
    47
  • Error running’ xxxxxx’: Command line is too long. Shorten command line for xxxxxxxxx

    Error running’ xxxxxx’: Command line is too long. Shorten command line for xxxxxxxxx在IntellIDEA运行main函数的时候遇到了如下错误:Errorrunning’xxxxxx’:Commandlineistoolong.Shortencommandlineforxxxxxxxxx后来从网上查找资料发现是命令行的参数太长,需要进行修改。修改过程如下:在run-&gt;editconfiguration中修改红色画圈部分,选择如下…

    2022年8月22日
    16
  • MySQL——MySQL 图形化管理工具的介绍「建议收藏」

    MySQL——MySQL 图形化管理工具的介绍「建议收藏」文章目录MySQL——MySQL图形化管理工具的介绍1、MySQLWorkbench2、Navicat3、SQLyog4、DBeaver5、DataGripMySQL——MySQL图形化管理工具的介绍MySQL图形化管理工具极大地方便了数据库的操作与管理,常用的图形化管理工具有:MysQLWorkbench、phpMyAdmin、NavicatPreminum、MySQLDumper、SQLyog、dbeaver、MysQLODBcConnector、DataGrip。1、MySQL

    2022年6月30日
    31
  • [RPI]树莓派监控温度及报警关机保护「建议收藏」

    最近把树莓派用作了Aria2下载机+无线路由,24小时不间断工作,生怕机子有时会过热烧坏,所以写了个脚本做温度记录,以及在温度过高时能自动关机保护。下面直接上Shell脚本(/data/temperature.sh):#!/bin/sh#高温阈值hot_temp=80.0#低温阈值cold_temp=-70.0#过热预警连续出现次数hot_cnt=0#过冷预警连…

    2022年4月15日
    63

发表回复

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

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