JS判断滚动条到底部，页面是否有滚动条

风晓 2024-01-01 20:04:14  51496 赞同 0 反对 0

分类：资源

要判断页面滚动条是否到底，需要了解三个属性：

scrollHeight：获取元素内容高度的度量，包括由于溢出导致的视图中不可见内容，说直白点，算上了滚动条不可见的那部分高度。

clientHeight：一般使用document.documentElement.clientHeight获取可视窗口高度，不包括溢出不可见高度。

scrollTop：滚动条具体可视窗口顶部的高度。

1.判断滚动条是否到底部：

element.scrollHeight - element.scrollTop === element.clientHeight

2.判断是否有滚动条：

element.scrollHeight > element.clientHeight ? 有滚动条 ：无滚动条

如果您发现该资源为电子书等存在侵权的资源或对该资源描述不正确等，可点击“私信”按钮向作者进行反馈；如作者无回复可进行平台仲裁，我们会在第一时间进行处理！

评价 0 条

相关资源

mac系统openvpn连接(底部提供mac以及windows客户端,安装后双击.ovpn使用更简单) 2024-01-10 52287 浏览
mac系统openvpn连接(底部提供mac以及windows客户端,安装后双击.ovpn使用更简单)
为什么我的UOS系统自带滚动截图按钮是灰色的不能用 2024-01-22 51554 浏览
为什么我的UOS系统自带滚动截图按钮是灰色的不能用
Vim 9.1 发布新：增虚拟文本、平滑滚动等功能 2024-01-10 52129 浏览
Vim 9.1 版本发布。Vim 是一款在 UNIX 和 Linux 世界中广受欢迎的终端文本编辑器，因其独特的功能和深远的用户影响力而闻名。通常，人们对 Vim 的态度呈现两极分化：一部分人会迅速成为其忠实拥趸，将 Vim 视为编程生涯中不可或缺的伙伴；而另一部分人因为使用上的挑战性和复杂性感到望而却步。这种极端分化的态度让 Vim 在程序员社区中成为了一个传奇话题。
UOS系统自带滚动截图按钮是灰色的不能用？ 2024-01-23 48796 浏览
为什么我的UOS系统自带滚动截图按钮是灰色的不能用？
小狐狸ChatGPT系统 H5前端底部菜单导航文字 2023-12-27 52301 浏览
小狐狸ChatGPT系统 H5前端底部菜单导航
记一个bootstrap定制container导致页面X轴出现横向滚动条的坑 2024-01-03 53026 浏览
记一个bootstrap定制container导致页面X轴出现横向滚动条的坑
东方通买在了起涨点，口诀是底部放天量空间无限量。 2024-01-12 48735 浏览
东方通买在了起涨点，口诀是底部放天量空间无限量。
【CSS】如何复原被隐藏的滚动条？记一个看似简单的样式问题所引发的一系列思考 2024-01-01 51201 浏览
看似挺简单的问题，引发了一系列的坑，以及触碰到了我对于滚动条的知识盲区，那么本文做个简单的记录。
C++ Qt开发：StatusBar底部状态栏组件 2023-12-30 53071 浏览
Qt 是一个跨平台C++图形界面开发库，利用Qt可以快速开发跨平台窗体应用程序，在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置，实现图形化开发极大的方便了开发效率，本章将重点介绍QStatusBar底部状态栏组件的常用方法及灵活运用。
滚动更新和回滚部署在 Kubernetes 中的工作原理 2023-12-29 51194 浏览
在过去的几年中，Kubernetes 在生产环境中被广泛使用，它通过其声明式 API 提供了大量解决方案，用于编排容器。 Kubernetes 的一个显著特性是其具有弹性的能力，能够执行滚动更新和回滚部署，而能够完成这些滚动更新和回滚，主要是由Deployment来实现的，下面就讲解下Deployment的相关知识

JS判断滚动条到底部，页面是否有滚动条

相关资源

关注我们