js禁止页面滚动

最新推荐文章于 2024-08-21 03:11:17 发布
最新推荐文章于 2024-08-21 03:11:17 发布
阅读量399 收藏 1
点赞数
分类专栏： 日常 js 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/w_cyj/article/details/127090054
版权 
document.body.addEventListener('touchmove',function(e){
     e.preventDefault()
},{passive:false})
javascript实现蒙版与禁止页面滚动
11-29
在网页开发中，有时我们需要实现一个功能，即在...这个方案很好地兼顾了移动端和PC端的用户体验，满足了项目需求，实现了蒙版与禁止页面滚动的功能。通过调整CSS样式和JavaScript逻辑，可以轻松适应不同的应用场景。
js实现鼠标滑动到某个div禁止滚动
10-14
关于如何使用JavaScript实现当鼠标滑动到指定的div区域内时禁止页面滚动的功能，这是一个在前端开发中可能会遇到的实际需求。通常这种需求是在特定的操作场景中为了提供更好的用户体验而提出的。例如，在一个产品...
js阻止移动端页面滚动的两种方法
10-20
本文主要介绍了js阻止移动端页面滚动的两种方法。具有很好的参考价值，下面跟着小编一起来看下吧
js禁止、允许 页面滚动
tianxianghuiwei的博客
10-30 4389
js禁止页面有两种方式。
JS禁止滚动条滚动
drakseason的博客
08-07 2489
我们在写项目时候可能会遇到这样一种效果：点击按钮，弹出一个对话框，此时只能在框内操作，此时滚动条消失并禁止滚动或是这样的。
vue滚动条禁止_js禁止和开启滚动条事件
weixin_39863155的博客
01-30 1428
开发移动端页面的时候有一个很比较常见的需求，在出现弹窗时，禁止滑动弹窗后面的主体页面。如何实现呢，往下看js实现整个页面禁止滚动：document.body.addEventListener('touchmove',function(e){e.preventDefault();},{passive:false});passive是干吗用的呢，设置该属性的目的主要是为了在阻止事件默认行...
在vue中实现禁止屏幕滚动,禁止屏幕滑动
10-15
在Vue.js中，有时我们需要在特定情况下禁止用户对页面的滚动操作，比如在展示全屏内容或弹出层时。本篇文章将详细讲解如何在Vue中实现禁止屏幕滚动和滑动的功能。 首先，禁止屏幕滚动的基本思路是通过监听并阻止...
js禁用页面滚动
最新发布
weixin_40587866的博客
08-21 382
在JavaScript中，可以通过设置document.body的overflow属性为hidden来禁用页面滚动。以下是实现该功能的示例代码：登录后复制 // 禁用页面滚动 function disableScroll() { document.body.style.overflow = 'hidden'; ...
javascript实现禁止鼠标滚轮事件
10-23
主要介绍了javascript实现禁止鼠标滚轮事件的相关资料,需要的朋友可以参考下
js得禁止页面滚动
xiaohua0708day的博客
01-20 1166
在web页面中，经常遇到一些弹窗内部有滚动条，可以滚动，弹窗后面的文档流也可以滚动，两个滚动区域会相互影响，用户体验不太好。1、弹出弹窗，禁止滚动，并停留在当前位置。2、关闭弹窗，恢复滚动，并恢复在停留位置。方案一、封装禁止、允许滚动方法。
js-禁止长页面滚动
weixin_30610755的博客
08-09 201
标题的需求问题其实我经常遇到。尤其是在碰到页面同时出现有视频及弹层的情况。 当然我说的问题皆是针对微信H5开发的哈 IOS中，视频播放，弹层出现时，视频在弹层的下面，不会出现问题； 安卓手机中，完了，视频播放，弹层出现，视频在弹层的上方，完了完了，此时我们的解决办法前提是页面很长，足够视频的位置未出现在我们能看到的界面中，此时弹层出现了。那我们这时就禁止页面滚动，方式视频再次进入我...
原生js禁止页面滚动
dbp47524的博客
12-06 435
// 开启、禁止页面滚动 bodyScroll: {　　　　　　 e(e) { e.preventDefault();// 注意此处代码片段必须这样提出来已保证传入下边两个事件的处理程序一样才生效，分别写到事件处理程序中不生效。　　　　　}, 　　 　　// 开启滚动 　　 　　open() { 　　　　　　 docu...
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 =
javascript中禁止滚轮效果的函数
sun215153的专栏
09-12 1012
function disabledMouseWheel() {  if(document.addEventListener) {    document.addEventListener('DOMMouseScroll', scrollFunc, false);  }//W3C  window.onmousewheel = document.onmousewheel = scrollFun
JS 禁用背景页面滚动
我就是我不一样的美男子！
09-07 1564
var s_top=0; // 禁止滚动 function bodyScroll(event){ event.preventDefault(); } //禁止背景页面滚动 function unScroll(){ s_top = $(window).scrollTop(); document.body...
js禁止页面滚动，页面不抖动
weixin_46653941的博客
09-16 2569
应用场景：页面内存在多个滚动条或存在需要鼠标滚动操作的模块，此时需要禁止浏览器的滚动事件，且页面不抖动。
taro 原生 通过JS 禁止页面滚动
05-25
你可以在页面加载时使用以下代码来禁止页面滚动： ```javascript document.body.style.overflow = 'hidden'; ``` 这会将页面的滚动条隐藏起来，并且也禁止了通过鼠标滚轮或是触控板来滚动页面。 如果你想要在某个元素上禁止滚动，而不是整个页面，可以使用以下代码： ```javascript var el = document.getElementById('your-element-id'); el.addEventListener('touchmove', function(event) { event.preventDefault(); }, false); ``` 这会阻止元素上的触摸事件，从而禁止了滚动。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值