javascript禁用浏览器滚动条

最新推荐文章于 2022-09-16 11:19:27 发布

weixin_34348174

最新推荐文章于 2022-09-16 11:19:27 发布

阅读量150

点赞数

文章标签： javascript ViewUI

javascript禁用浏览器滚动条的方法相信网络已经有比较多的方案，这里就总结一下js禁用浏览器滚动的代码，当然修改一下也可以让去jquery达到一样的效果：
很多人用 document.body.scroll = "no"; 这样的方法是不符合W3C标准的，当然标准有时候没那么重要，能用即可。不过IE6以及更老版本是不支持的。

禁用浏览器滚动条的解决方案：

document.body.parentNode.style.overflow="hidden";//隐藏且禁用

document.body.parentNode.style.overflow="scroll"; //显示且可用

这个方法同时支持IE6+和FF以及chrome.

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34348174

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

JavaScript中Textarea滚动条不能拖动的解决方法

10-23

总的来说，JavaScript中textarea滚动条不能拖动的问题可以通过精确控制焦点事件和条件语句来解决。关键是要确保在满足特定条件时，不会不必要地将焦点从textarea元素中移除，这样才能保证用户能够使用滚动条进行快速...

Android手机版浏览器DIV滚动条失效解决方案

08-05

3. **WebView设置问题**：WebView的默认配置可能阻止了滚动条的正常工作，例如禁用了JavaScript或者设置了不恰当的滚动模式。 4. **硬件加速问题**：启用硬件加速有时会导致滚动条失效，尤其是在Android 4.x版本及...

参与评论您还未登录，请先登录后发表或查看评论

js禁用滚动条

weixin_45768768的博客

08-16

2081

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

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

weixin_46653941的博客

09-16

2473

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

Html body的滚动条禁止与启用

liudanyang_21的博客

07-13

171

禁用浏览器滚动条的解决方案

diligentcat的专栏

08-03

2113

禁用浏览器滚动条的解决方案： document.body.parentNode.style.overflow="hidden";//隐藏且禁用 document.body.parentNode.style.overflow="scroll"; //显示且可用

js禁止滚动条滚动

xiasnn的博客

10-12

1万+

方法一：将body设置为fixed（滚动条会消失，页面会抖动，比较麻烦） //弹层背景滑动问题 var top1 = 0; function stopBodyScroll(isFixed) { var bodyEl = document.body if (isFixed) { top1 = window.scrollY bodyEl.style.position =

vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件下拉滚动条

01-09

本篇文章将详细探讨如何在Vue项目中自定义浏览器滚动条，同时确保兼容大部分浏览器，包括较为古老的Internet Explorer（IE）。首先，我们需要理解浏览器滚动条的工作原理。滚动条由两个主要部分组成：轨道（track...

jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)

10-21

其中一个常见的交互效果是在点击弹出层（或者对话框）的时候，希望页面背景的滚动条被禁用，而在关闭弹出层后能够恢复到原来的位置，这样用户体验会更加流畅。首先，需要明确实现这一效果的几个关键点。第一点，...

ie.rar_builder IE _全屏浏览器_浏览器_浏览器 c++ builder_浏览器滚动

09-21

此外，可能还需通过JavaScript或者DOM操作来禁用网页的滚动条。总的来说，这个项目展示了如何利用C++ Builder和ActiveX技术创建一个高度定制化的浏览器应用，同时在用户界面和功能上实现了独特的设计。这样的项目...

javascript禁用启用浏览器滚动条

qq_29207823的博客

08-10

4958

有时候在网页中编辑文章的时候，编辑窗口中有滚动条，当编辑窗口中的滚动条滚动到底的时候再滚动，就会滚动浏览器的滚动条，怎么在打开编辑的时候禁用浏览器滚动条，编辑完成之后又恢复呢？这里有四个属性可以设置： document.body.parentNode.style.overflow = "hidden";//隐藏且禁用横向纵向两个滚动条 document.body.parentNode.sty...

JS-设置弹窗时候禁用滚动条

u013868665的博客

12-25

1万+

方法一启用禁用时，设置jsdocument.documentElement.style.overflowY = 'hidden'; 当还原时候，只需要把属性重置scroll就可以了document.documentElement.style.overflowY = 'scroll'; 方法二方法一仅仅是滚动条的隐藏和显示。如果想要在显示滚动条条件下，实现这一功能，需要绑定scroll的事件启用禁...

JS阻止浏览器滚动事件

Mr_Yan的博客

05-28

1万+

在前几天的项目中，场景值如下： 1.动态生成列表，列表高度不固定 2.外面父元素的属性设置为overflow:auto; 3.鼠标移动到列—li中的a上,出现选择列表，鼠标在列表上，列表不消失 4.当鼠标放置到出现的列表上时，再滚动滑轮，因为出现的列表为是根据标签a的位置来进行定位的，所以滚动的时a页面在滚动，但列表位置虽然没变，但与原来a标签相符合的位置却变了因为父元素ov...

js 禁止|阻止滚动条滚动

weixin_30873847的博客

12-15

2087

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta ht...

JS如何控制弹框出现在当前屏幕并且禁用滚动条

Coder Yasmine

03-26

1万+

前言一个做前台的，如果了解或者熟悉后台开发的相关知识，是很吃香的。一个后台开发的程序员，如果恰好会做前台页面，是不是也增色不少呢？其中的奥妙就靠自己去体会啦。背景最近在做一个家装项目手机端，是挂在微信上使用的。从来没做过前台，也没做过手机端，这个项目着实尝了一把鲜。我发现做前台页面的和做后台开发的同样会存在程序员和测试之间的矛盾。前台的埋怨后台怎么做的，落了那么多标签；

React禁止页面滚动踩坑实践与方案梳理

weixin_34283445的博客

07-03

2034

最近在使用 React 技术栈重构一个单页应用，其中有个页面是实现城市选择功能，主要是根据城市的首字母来快速跳转到相应位置，比较类似原生 APP 中的电话联系人查找功能，页面如图主要问题在上下滑动右侧 fixed 定位的元素时，页面会跟着一起滑动当然这个现象在开发过程中应该会经常遇到，比如弹起 modal 框时，如果 modal框...

小程序自定义弹窗后禁止屏幕滚动（滚动穿透）