禁用页面滚动条

code旅行者 code旅行者 博客等级 墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 4.3k累计阅读 4.3k平均单平台 已同步平台 优快云 微信公众号 微博 知乎 掘金 百家号 博客园 抖音 小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网 我也要 码龄15年
关注
原创 最新推荐文章于 2026-09-16 16:02:13 发布 4.3k 阅读 AI 写同款· GEO 优化 ›
禁止网页滚动的HTML编程方法 在Web开发中，有时候我们需要禁止网页的滚动行为，以确保用户在特定情况下无法滚动页面内容。下面我将为你介绍几种实现禁止滚动的HTML编程方法，并附上相应的源代码。这两种方法都可以实现禁止滚动的效果，你可以根据具体的需求选择适合的方法。通过CSS样式可以控制网页的外观和行为，我们可以利用CSS来禁止滚动。，将网页内容的滚动行为禁止。这将使得网页内容无法滚动，无论是通过滚动条、鼠标滚轮还是触摸操作。另一种实现禁止滚动的方法是使用JavaScript。属性，我们可以实现滚动的禁止和恢复。方法一：使用CSS样式。 阅读详情
html
{
   overflow: hidden;
}
body
{
    overflow: hidden;

}


在IE6，7下需要设置html有效，在其它标准浏览器下设置body就可以

收录于
开发拾遗（前端）

当前文章被收录于：

开发拾遗（前端）
12 篇文章 0 人学习
订阅专栏 查看详情
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
移动端 html5 锁死不让滚动条滚动 重写ontouchstart ontouchmove 事件.达到锁死滚动条不让滚的目的 直接调用里面的方法就行.有注释 立即下载

相关推荐

WPT无线电能传输公式推导、编程计算、仿真验证全过程

主要分为5大模块，分别为无补偿,SS,SP,PP,PS，每个模块对应有公式推导，matlab编程计算相关参数以及将计算参数和仿真验证观察是否对应。采用matlab编程计算参数以及simulink仿真验证

zzhao2580的博客 7755

js禁止页面滚动

在web页面中，经常遇到一些弹窗内部有滚动条，可以滚动，弹窗后面的文档流也可以滚动，两个滚动区域会相互影响，用户体验不太好。 1、弹出弹窗，禁止滚动 const disableScroll = (domId) => { var scrollTopVal = document.documentElement.scrollTop || document.body.scrollTop; // 禁止滑动 const selectdom = domId || 'app'; document

不求甚解的博客 1万+

ZedBoard+Vivado(二)——PS + PL实现流水灯

硬件：Zedboard 软件：Vivado2018.2 + Win10 本文参考了http://blog.chinaaet.com/cuter521/p/35978的设计 1 设计 功能：PS + PL流水灯 语言：C 流程：创建工程->IP Integrator->综合、实现、生成Bitstream->SDK 2 流程 2.1 创建工程 跟上一篇步骤完全相同，这里不用添加源文...

q416524389的博客 3695

JS禁止滚动条滚动

我们在写项目时候可能会遇到这样一种效果：点击按钮，弹出一个对话框，此时只能在框内操作，此时滚动条消失并禁止滚动或是这样的。

drakseason的博客 2748

gnuradio+b210实现FM收音机

gnuradio+b210实现FM收音机环境介绍FM接收1 Flow Graph2 变量参数FM发射1 Flow Graph 环境介绍 Name Version gnuradio 3.7.14.0 uhd 3.15.0.0 ubuntu 18.04 usrp b210 参考 https://www.ijedr.org/papers/IJEDR1702038.pdf Audio File Transmission using GNURADIO and USRP FM接

u011745228的博客 5126

深度强化学习系列(13): 策略梯度（Policy Gradient）

对于DQN来说使用一个网络直接逼近了值函数，最后取得了非常不错的效果, 但是对于一些连续性控制或者动作空间特别大的环境来说，很难全部计算所有的值函数来得到最好的策略，那么直接计算策略的方法就别提出来了。 回顾一下前面几篇，所谓的策略，其实就是状态到动作的映射数学表达为 π：s→aπ：s→a\pi ： s \to a， 我们用ττ\tau 表示状态s到最后一个状态的一个序列，表示为： τ：st...

深度强化学习(DeepRL)探索博客 4642

html页面禁止滚动条,css如何不让出现滚动条？

css不让出现滚动条的方法：1、通过overflow属性设置禁止出现滚动条，此方法滚动条不会出现，内容也无法滚动。2、使用伪对象选择器::-webkit-scrollbar设置隐藏滚动条。设置禁止出现滚动条：1、样式表方法在里加入style="overflow-x:hidden"，可隐藏水平滚动条；加入style="overflow-y:hidden"，可隐藏垂直滚动条。被包含页面里加入html ...

weixin_32083393的博客 9794

泛微ecology9二次开发-附件上传-安全实践

本文深入探讨了泛微ecology9二次开发中附件上传功能的安全实践。针对原生接口的安全机制，文章提出了同源部署与服务端代理转发两大核心策略，并提供了基于Vue3和Element Plus的完整前端实现代码，重点解决了会话验证、权限控制及文件关联等关键安全问题，确保二次开发应用能安全、稳定地与ecology9系统集成。

qsc9012345的博客 532

微信小程序隐藏滚动条的方法

当小程序页面展示内容超过屏幕高度或宽度，我们想要看到全部内容，这时候就必须用到页面滚动。可是，我们发现滚动页面的滚动条特别的突兀和丑陋，而且参考大部分的小程序都是将滚动条去掉了。如果仍然无效，减少height的值，例如设为height99vh。scroll-view高度大于page高度仍会出现滚动条的。scroll-view高度不要设置为相对高度，如100%。否则，page页面的滚动条又会出现了！当展示内容超过页面高度，会触发page默认的滚动条。scroll-view，隐藏滚动条的方法也很简单。...

烟溪彭于晏的博客 1万+

COMSOL实现裂缝性储层油水两相流模拟的关键技术

多孔介质中的流体流动模拟是油气藏开发的核心技术，其基本原理基于达西定律和质量守恒方程。在裂缝性储层中，离散裂缝网络与基质系统的耦合流动带来了特殊的数值挑战。通过COMSOL Multiphysics平台实现的多物理场耦合技术，可以精确模拟油水两相在复杂裂缝系统中的渗流行为。该技术采用Level Set方法表征裂缝几何形态，结合自适应网格生成技术解决狭窄裂缝的网格剖分难题，并创新性地引入Bang-Larsen毛管压力滞后模型，显著提高了采收率预测精度。这些方法在致密油藏开发、水驱优化等工程实践中具有重要应用价

weixin_34005090的博客 229

29、网络支持技术：CDN、覆盖网络与无标度网络解析

本文详细解析了CDN路由方式与性能指标，探讨了覆盖网络与无标度网络的特性及其在云计算和现代网络中的应用。文章分析了CDN的关键技术与挑战，介绍了覆盖网络与小世界网络的基本原理，并深入讨论了无标度网络的构建算法、性能优化策略以及在多个领域的应用案例。最后，文章展望了未来网络技术发展趋势与无标度网络的结合潜力。

night的博客 89

css禁止滑动页面_禁用滚动，但保持滚动条CSS

I can't find a solution to this, there was a question over here, but the answers are not very usable (at least for me).I have a JavaScript modal pop-up that disables everything on the background by pl...

weixin_32297123的博客 958

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表，创建专业级图表以简化复杂的信息。

css禁止滑动页面,禁用滚动，但保持滚动条CSS

I can't find a solution to this, there was a question over here, but the answers are not very usable (at least for me).I have a JavaScript modal pop-up that disables everything on the background by pl...

weixin_30368981的博客 630

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

Camera2Demo

在Camera2 的基础上进行封装，使得Camera2一堆初始化逻辑与Activity分离，降低耦合度，完成预览拍照并保存的操作

禁用html页面滚动条

在body中添加 style="overflow:hidden"

清水的专栏 1852

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过，这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后，重新检测通过。

js操作页面滚动条，开启禁用右键菜单

//隐藏滚动条         document.body.style.overflow = "hidden"; //显示页面滚动条         document.body.style.overflow = "auto";   function Stop() { return false; }     function Start() { return true; } //

coding 1108

Js 锁定当前页面滚动条

js锁定当前滚动条

Tongyao 979

CWebBrowser2隐藏滚动条

<br />      最近用CWebBrowser2做了个网页的壳，为了美观想禁用滚动条，开始以为可以通过控件自身的方法直接设置，不过试了之后才发现简单的事情也不那么好做。<br /> <br />      首先用m_Browser.EnableScrollBar(SB_BOTH,ESB_DISABLE_BOTH);（注：m_Browser为你CWebBrowser2实例）<br />结果依旧<br />      然后利用强大的网络查啊查啊~基本上可以总结为一个，重写DocumentCompleteE

电脑前的手印 3701

HTML5-JS操作页面滚动条（禁止、隐藏、显示、不显示）

不显示滚动条（css） ::-webkit-scrollbar { width: 0px; } 禁止页面滚动条（js） document.body.parentNode.style.overflowY = "hidden"; $("body").parent().css("overflow-y","hidden"); 启用浏览器滚动条（js） document.body.parentNod...

TrueDei 5915

js禁用滚动条

js禁用滚动条 比如在某种场景下： 点击按钮，弹出一个框框，此时只能在框框内操作，其他被遮罩盖住，滚动条消失。 禁用滚动条代码： var mo = function (e) { passive: false; }; document.body.style.overflow = 'hidden'; //禁止页面滑动 document.addEventListener('touchmove', mo, false); 开启滚动条代码： var mo = funct

weixin_45768768的博客 2334

禁用body滚动条的兼容写法

注意，这种方法只是禁用了 body 元素的滚动条，而不是禁用整个页面的滚动条。如果需要禁用整个页面的滚动条，可以将上述代码中的 document.body 改为 document.documentElement。在禁用滚动条时，将 position 属性设置为 fixed，并且将 scrollTop 设置为 0，就可以禁用滚动条。在启用滚动条时，将 position 属性和 top 属性设置回原来的值就可以了。

weixin_44283589的博客 488

popup 弹窗出现，禁止页面滚动条

弹窗出现，禁止页面滚动条，但是弹窗滚动条依旧可以使用。

weixin_52492583的博客 1574

js禁止页面滚动，页面不抖动

应用场景：页面内存在多个滚动条或存在需要鼠标滚动操作的模块，此时需要禁止浏览器的滚动事件，且页面不抖动。

weixin_46653941的博客 2719

禁止网页滚动条效果

//禁用滚动条  var temp_h1 = document.body.clientHeight;  var temp_h2 = document.documentElement.clientHeight;  var isXhtml = (temp_h2  var htmlbody = isXhtml?document.documentElement:document.body;

jbx_jiebaixue的专栏 700

完美解决js 禁止滚动条滚动，并且滚动条不消失，页面大小不闪动

当前的项目遇到了这个问题， 当打开dialog的时候，希望主页面的滚动条不要滚动。 一番搜索之后，发现大家的解决办法分为两种。 第一种 就是隐藏滚动条，但是这样的话，前台页面会因为滚动条的隐藏和出现而发生宽度的变化。 这就使得每次一打开dialog页面就会伸缩。十分难受。 第二种 就是不知道从哪儿抄的这种方法。 //禁止滚动条滚动 function unScroll() { var top = $(document).scrollTop(); $(document).

q564240849的博客 7576

JS操作窗口浮层禁用滚动条

JS操作窗口浮层禁用滚动条 禁用滚动条 // 阻止滚动条滚动 document.documentElement.style.overflowY = 'hidden' 解除禁用 // 放开滚动条滚动 document.documentElement.style.overflowY = 'scroll' ...

weixin_34403976的博客 515
上一篇： ul li 在IE7与标准浏览器之间的间隙不同的处理
下一篇： 在IE7及其以下的浏览器中form标签有默认的margin值
点赞 1
评论 0
书签 书签 0
code旅行者
code旅行者
博客等级 码龄15年 22粉丝 107原创
+ 关注 专栏目录 订阅专栏
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值