当前页面是否显示了滚动条。

最新推荐文章于 2022-07-01 09:05:50 发布
最新推荐文章于 2022-07-01 09:05:50 发布
阅读量54 收藏
点赞数
原文链接：http://www.cnblogs.com/halei/p/3660673.html
版权

这是今天的一个BUG修复后的记录。

在网上找到的代码不记得在哪里了。

需要加声明

 1 <!DOCTYPE HTML PUBliC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> 

判断当前页面是否显示了滚动条

 1 if (document.documentElement.clientHeight < document.documentElement.offsetHeight){ 2 alert("have a scroll"); 3 } 

隐藏滚动条(其实是将页面超出部分隐藏)

document.body.style.overflow='hidden';

 

转载于:https://www.cnblogs.com/halei/p/3660673.html

weixin_30596735
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html判断是否有滚动条,如何判断有没有出现滚动条
weixin_42691065的博客
06-08 2052
APIAPI说明clientWidth内联元素以及没有 CSS 样式的元素的 clientWidth 属性值为 0。Element.clientWidth 属性表示元素的内部宽度，以像素计。该属性包括内边距 padding，但不包括边框 border、外边距 margin 和垂直滚动条(如果有的话)。offsetWidthHTMLElement.offsetWidth 是一个只读属性，返回一个元素...
.Net判断是否出现滚动条
ltolll的博客(技术版)
06-06 3299
private const int WS_HSCROLL = 0x100000;         private const int WS_VSCROLL = 0x200000;         private const int GWL_STYLE = (-16);         [System.Runtime.InteropServices.DllImport("user32",C
Python tkinter -- 第11章滚动条
热门推荐
weixin_42272768的博客
07-01 1万+
第11章滚动条 滚动条的作用就是可以让与之关联的控件的内容滚动显示。
python滚动条位置_Python：确定哪个滚动条在ScrolledPanel中移动
weixin_39633437的博客
12-18 172
This question continue the question on the link : wxPython Event for ScrolledPanel. I edited the code a little bit so that OnScroll function get the x position of the content's scrollbar and use that ...
通过 JS 判断页面是否有滚动条的简单方法
【大漠孤烟】 的专栏
06-19 2060
前言 最近在写插件的过程中，需要使用 JS 判断是否有滚动条，搜了一下，大致方法都差不多，但都有些啰嗦，代码不够简洁。最终通过参考不同方法，写了一个比较简单的方法。在判断滚动条的同时也需要计算滚动条的宽度，通过本篇文章一并与大家分享。 为什么要判断滚动条 判断滚动条的需求在弹窗插件中用的较多，因为弹窗大多会添加overflow: hidden的属性，如果页面比较长的话，添加这个属性之后页面会有晃动。 为了增强用户体验，通过判断是否有滚动条而添加margin-left属性以抵消overf...
jQuery实现页面向下滚动后显示隐藏导航条
06-05
// 获取当前滚动条的垂直位置 var scrollTop = $(this).scrollTop(); // 如果滚动距离超过导航条高度，显示导航条 if (scrollTop > header.height()) { header.stop().animate({ opacity: 1 }, 500); // 使用...
jquery easyui滚动条部分设置介绍
10-26
在jQuery EasyUI框架中，创建的对话框（dialog）通常会自动居中显示在屏幕上，但这仅限于页面没有出现滚动条的情况。一旦页面内容超出视口，出现滚动条，dialog就会保持在原始的居中位置，导致用户需要手动滚动页面...
jQuery滚动条滚动显示手机菜单
11-03
"jQuery滚动条滚动显示手机菜单"这个主题关注的是如何利用jQuery库来实现这样的功能，即当用户滚动页面时，菜单会在适宜的时候自动出现。jQuery是一个强大的JavaScript库，它简化了HTML文档遍历、事件处理、动画制作...
jQuery滚动页面显示文章预览进度条代码
11-24
本文将详细介绍如何使用jQuery实现滚动页面显示文章预览进度条的功能。 首先，我们需要理解这个功能的基本原理。当用户滚动页面时，我们通过jQuery监听滚动事件，然后计算当前可视区域与整个文档的高度比例，这个...
当滚动条滚动到页面底部自动加载增加内容的js代码
10-25
2. **获取页面状态**：为了判断滚动条是否已经滚动到页面底部，我们需要获取几个关键的页面状态值： - **getScrollTop()**：这个函数用于获取当前滚动条距离顶部的距离。 - **getClientHeight()**：返回浏览器窗口...
判断元素是否有滚动条
weixin_33834075的博客
11-18 3662
判断元素是否有滚动条 因为出现滚动条便意味着元素空间将大于其内容显示区域，根据这个现象便可以得到判断是否出现滚动条的规则。 判断竖向滚动条 el.scrollHeight > el.clientHeight 这条规则使用了获取元素不同高度的两个属性： scrollHeight指的是元素的内容高度，即如果有滚动条，它的值会等于内容实...
Delphi学习案例.docx
最新发布
07-16
Delphi 是一个基于 Object Pascal 的高级编程语言和集成开发环境 (IDE)，适用于 Windows、macOS、iOS 和 Android 平台的快速应用程序开发 (RAD)。以下是一个简单的 Delphi 学习案例，展示如何使用 Delphi 开发一个基本的 Windows 应用程序，该应用程序将实现一个简单的记事本功能。
基于大数据的金融知识图谱建设
07-16
目录 01 Hadoop和图数据库融合的架构 02 金融知识图谱模型及实践 03 金融知识图谱的性能挑战 金融行业内部数据和业务系统的现状 传统的手段无法满足智能风控,智能营销等场景下新的需求 金融行业传统防控体系的约束和新的手段 为什么需要构建知识图谱？ 如何落地企业知识图谱 为什么使用图数据库 图数据库选型 基于Hadoop和图数据库的通用融合架构构建知识图谱 基于知识图谱的数据治理与整合 通用文本挖掘与非结构化关系构建 构建隐性关系中的核心技术 某大型证券交易所基于关系挖掘的异常行为发现 某股份制商业银行内审内控项目 某大型清算机构反洗钱项目 流式数据和图数据库的结合 图数据库原生Titan的可优化之处
毕业论文《光电传感器技术的新发展及应用》.doc
07-16
传感器
CEA 861.pdf
07-16
CEA 861.pdf
2024数学建模培训-力学（3）闫明.pptx
07-16
数学建模力学
2024年欧洲硫代硫酸钾溶液市场主要企业市场占有率及排名.docx
07-16
2024年欧洲硫代硫酸钾溶液市场主要企业市场占有率及排名.docx
采购催料表Excel模板
07-16
【作品名称】：采购催料表Excel模板 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
探索Java 8的新世界：Lambda表达式全解析
07-16
Java是一种广泛使用的编程语言，由Sun Microsystems公司（现属于Oracle公司）在1995年首次发布。它是一种面向对象的语言，意味着它将现实世界中的事物抽象为对象，这些对象具有属性（数据）和方法（行为）。Java语言设计目标包括跨平台性、网络编程能力、健壮性、安全性和简单性。 ### Java的主要特点： 1. **跨平台性**：Java的口号是“一次编写，到处运行”（Write Once, Run Anywhere，简称WORA）。这得益于Java的运行时环境，即Java虚拟机（JVM），它允许Java程序在任何安装了JVM的平台上运行，而不需要重新编译。 2. **面向对象**：Java是一种面向对象的语言，支持封装、继承和多态等特性。 3. **健壮性**：Java设计时注重安全性和错误处理，例如通过强类型检查和异常处理机制。 4. **多线程**：Java内置了对多线程编程的支持，允许开发者创建同时执行的多个线程。 5. **网络编程**：Java提供了丰富的网络通信API，使得开发网络应用变得容易。 6. **安全性**：Java提供了一个安全
使用vue3如何获取当前页面滚动条滚动了多少
06-12
在Vue3中，你可以使用`ref`和`watch`来监听窗口滚动事件，从而获取当前页面滚动条滚动了多少。以下是示例代码： ``` 页面已滚动 {{scrollTop}} 像素 ;"> import { ref, onMounted, onUnmounted } from '...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值