首页 > 其他分享 >JS 判断是否有滚动条和滚动条滚到底部

JS 判断是否有滚动条和滚动条滚到底部

时间:2023-11-27 19:45:36浏览次数:29  
标签:clientHeight JS 滚动条 scrollDom 底部 scrollTop scrollHeight

  • 判断是否有滚动条
const scrollDom = document.getElementById('滚动元素id')
if (!scrollDom) return
if (scrollDom.clientHeight === scrollDom.scrollHeight) {
  // 没有滚动条
}
  • 判断滚动条滚到底部
const scrollDom = document.getElementById('滚动元素id')
if (!scrollDom) return
if (scrollDom.scrollTop + scrollDom.clientHeight === scrollDom.scrollHeight) {
  // 滚到底部
}
  • scrollDom.scrollTop + scrollDom.clientHeight === scrollDom.scrollHeight判断滚到底部可能存在等号两边相差零点几的情况,导致等式永远不成立,可以改用scrollDom.scrollTop + scrollDom.clientHeight + 10 >= scrollDom.scrollHeight,这个10按场景修改

标签:clientHeight,JS,滚动条,scrollDom,底部,scrollTop,scrollHeight
From: https://www.cnblogs.com/jia-zq/p/17860260.html

相关文章

  • vue3 jsPlumb学习
    <template><divclass="box"><div@click="clearLine">clear</div><div@click="initConponents">line</div><div@click="getData">get</div></div>......
  • C# Json序列化的格式化问题
    问题来源: 客户要求传送给他的JSON文件的float型格式化为2位小数,数值型有30-40个栏位,一个一个修改也不是很好.bing和百度找到的方式都是自己定义一个JsonConverter,进行格式化.找到的都是在字符串两边加++的例子,核心转化的代码如下:classStringFormatConverter:JsonCo......
  • yarn : 无法加载文件 C:\Program Files\nodejs\yarn.ps1,因为在此系统上禁止运行
    问题分析:这个错误提示说明在电脑系统上禁止运行PowerShell 脚本,因此导致无法加载Yarn的安装脚本。这是由于系统的执行策略(ExecutionPolicies)设置所导致的。解决方法:1.以管理员身份运行PowerShell。2.在窗口中执行 set-ExecutionPolicyRemoteSigned。3.执行完成后,......
  • Nodepad++格式化XML和JSON字符串
    (一)格式化XML1、安装XMLTools在notepad++中点击菜单栏【插件】-【插件管理】。在插件管理界面选择【XMLTools】,点击【安装】。2、打开XML文件在notepad++中点击菜单栏【文件】-【打开】。3、选择格式化XML全选XML字符串,点击【插件】-【XMLTools】-【Prettyprint(XMLonl......
  • HTML 中用 js 画出谢尔宾斯基三角形 Sierpinski triangle ( chaos 画法)
    谢尔宾斯基三角形(英语:Sierpinskitriangle)是一种分形,由波兰数学家谢尔宾斯基在1915年提出。它是自相似集的例子。它的豪斯多夫维是log(3)/log(2)≈1.585。随机的绘画方法先定三点ABC使其构成一个没有边的等边三角形然后在三角形内随机定一个点P然后在ABC随机选择一个点......
  • js 闭包使用一例
    有如下js:functionstartTimer(sentence){alert('start');sentence.longPressTimer=setTimeout(function(){alert(sentence);//此处sentence为undefined},1000);}functionendTimer(sentence){alert('end');cle......
  • 通俗易懂的js原型链
    原型链是js基础比较重要的一个环节;提到原型链有三个比较重要的概念:实例构造函数以及原型对象,其中三者的关系:构造函数new=》创建一个实例;构造函数prototype=》原型对象;同时原型对象constructor=》构造函数;实例__proto__=>原型对象;new运算符是如何工......
  • Java读取JSON文件
    读取json文件的结果利用fastjson进行转换为json对象或集合进行操作依赖的fastjson包<dependency><groupId>com.alibaba.fastjson2</groupId><artifactId>fastjson2</artifactId><version>2.0.17</version>......
  • Jayway JsonPath-提取JSON文档内容的Java DSL | 京东物流技术团队
    介绍JsonPath是一种能够提取部分JSON文档属性、对象、数组的语法,支持条件过滤、数学运算、字符串处理等功能。JsonPath与JSON文档就像XPath表达式与XML文档结合使用一样。由于JSON结构通常是匿名的,并不一定和XML一样具有“根成员对象”,因此JsonPath假定分配$给外层对象的抽......
  • 大模型训练过程中用到的 gpt_merge.txt和gpt_vocab.json是干什么用的?
    下面这边文章讲的非常清晰,原文链接:https://blog.csdn.net/ljp1919/article/details/113616226......