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


相关推荐

  • EXTJS 教程目录

    EXTJS 教程目录  本人开发extjs有两三个月了,做了三个左右的项目,其中后台都是用它来完成的。现在想借此机会整理一下用extjs开发的一些思维。  其实本人并没有完全地看过一本extjs的书籍,只是在开发过程中遇到什么问题就去百度什么。结果到现在开发时基本的东西都记不住,每次都是从旧项目中拷贝要用的东西出来,结果效率很慢。ps:以下教程都是采用extjs3.4都编写的  言归正传,以下的目录…

    2022年6月21日
    25
  • 中国名花异草故事

    中国名花异草故事中国名花异草故事作者:刘桂莉、余绮中国名花异草故事—总序  我不是旅行家,几十年来到过的地方却不少。每到一地,工作之余,对当地的一些人情、习俗、山川、风物,以至特殊的传说故事,都颇感兴趣。在谈论或介绍本地的特产时,当地人往往绘声绘色而且充满着喜悦与自豪,连带讲到的一些掌故与传奇,我也感觉兴味盎然。因为其中有些内容,活泼生动,不仅使我扩大了见闻,觉得新鲜有趣,还能增进我对这些地方历史、社会的

    2022年5月29日
    30
  • C++ sort()排序详解

    C++ sort()排序详解本文对C++中的sort()做了一个比较详细的说明,包括为什么选择使用sort()、sort()函数的实现原理、sort()的使用方法等等。

    2022年5月10日
    46
  • Linux云服务器挖矿病毒(crypto和pnscan)导致CPU占用100%问题解决方案「建议收藏」

    Linux云服务器挖矿病毒(crypto和pnscan)导致CPU占用100%问题解决方案「建议收藏」木马攻击问题由来阐述我买了三年的阿里云服务器(在阿里云官网买的),已经使用了一年多了,平时拿来搭建网站,有时也拿来学习技术和开发测试,一直使用很稳定。直到近期我服务器上安装了docker并部署了springboot+mysql+nginx项目,就被攻击了。但就在今年的5月14号,我的服务器被木马攻击,然后被拿去挖矿了。我服务器的cpu持续维持在CPU100%.后果是直接导致我网站无法正常请求和响应。而且Linux服务器的root权限被窃取了。黑客在服务器/root/.ssh目录下生成了连root用户

    2022年5月1日
    57
  • django写博客_python django web 开源项目

    django写博客_python django web 开源项目基于django的个人博客网站建立(三)

    2022年4月22日
    38
  • java键盘输入语句_java的输入语句小结

    java键盘输入语句_java的输入语句小结1.使用Scanner使用时需要引入包importjava.util.Scanner;首先定义Scanner对象Scannersc=newScanner(System.in);如果要输入整数,则intn=sc.nextInt();String类型的,则Stringtemp=sc.next();比如:importjava.util.Scanner;publicclass…

    2022年7月7日
    31

发表回复

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

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