禁用掉浏览器的滚动条事件

最新推荐文章于 2024-05-25 21:30:40 发布
最新推荐文章于 2024-05-25 21:30:40 发布
阅读量207 收藏
点赞数
文章标签： python
原文链接：https://my.oschina.net/leftmouse/blog/293625
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

现在有一个想法，想把鼠标滑轮的上下键做成一个控件的快捷键，但是又不想触发到浏览器的滚动条事件，不知道有没有什么办法可以暂时屏蔽和禁用浏览器的滚动条事件。

------解决方案--------------------
overflow:hidden
css里设置下不行嘛 
------解决方案--------------------
恐怕不能禁用吧 
------解决方案--------------------
JScript code 
document.body.setAttribute("scroll","no");
document.body.style.overflow="hidden"

转载于:https://my.oschina.net/leftmouse/blog/293625

weixin_33890499
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用overflow: hidden来禁用页面滚动条
09-28
这个属性是一种简单而又快速的方法来实现滚动条的禁用，而且它也能够兼容较老的浏览器，如IE6和IE7。 `overflow`属性是CSS中的一个基本属性，它可以控制当内容超出元素框时如何处理内容。`overflow`属性有四个可能...
jQuery弹出层后禁用底部滚动条(移动端关闭回到原位置)
10-21
其中一个常见的交互效果是在点击弹出层（或者对话框）的时候，希望页面背景的滚动条被禁用，而在关闭弹出层后能够恢复到原来的位置，这样用户体验会更加流畅。 首先，需要明确实现这一效果的几个关键点。第一点，...
禁止页面滚动的几种方法
最新发布
文摘资讯
05-25 498
overflow:hidden您可以使用 CSS 的 overflow:hidden 属性来防止页面在弹出浮层时滚动。具体来说，可以通过以下步骤实现：在HTML的 标签上添加一个类名，例如 no-scroll。使用 CSS 将该类名与 overflow:hidden 属性关联，这将防止页面滚动，同时也会隐藏滚动条，例如：.no-scroll { overflow: hidden; }当弹出浮层...
javascript禁用启用浏览器滚动条
qq_29207823的博客
08-10 4950
有时候在网页中编辑文章的时候，编辑窗口中有滚动条，当编辑窗口中的滚动条滚动到底的时候再滚动，就会滚动浏览器的滚动条，怎么在打开编辑的时候禁用浏览器滚动条，编辑完成之后又恢复呢？这里有四个属性可以设置： document.body.parentNode.style.overflow = "hidden";//隐藏且禁用横向纵向两个滚动条 document.body.parentNode.sty...
js禁止滚动条滚动并且隐藏滚动条
boy火巨的博客
03-14 7146
禁止鼠标滑过滚动条滚动 document.body.onmousewheel = function () {return false;} 恢复鼠标滑过滚动条滚动 document.body.onmousewheel = function () {return true;} 禁止键盘控制滚动条滚动 document.body.onkeydown = function (e) { ...
浏览器中禁止滚动事件
luwenze的博客
01-12 1428
代码如下： /** * lu封装 */ (function () { if (!window.lu) { window.lu = {}; }; window.lu = { mo: function (e) { e.preventDefault(); e.stopPropagation();...
禁用浏览器滚动事件（不隐藏其滚动条）
fisher
05-19 5232
function unScroll() { var top = $(document).scrollTop(); $(document).on('scroll.unable', function(e) { $(document).scrollTop(top); }) }, function reScroll() { $(document).off('scr
vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件 下拉滚动条
01-09
本篇文章将详细探讨如何在Vue项目中自定义浏览器滚动条，同时确保兼容大部分浏览器，包括较为古老的Internet Explorer（IE）。 首先，我们需要理解浏览器滚动条的工作原理。滚动条由两个主要部分组成：轨道（track...
Android手机版浏览器DIV滚动条失效解决方案
08-05
在Android平台上，开发一款手机版浏览器时，可能会遇到一个常见的问题：在特定情况下，网页中的`div`元素的滚动条无法正常工作。这个问题通常是由于Android原生浏览器或自定义WebView组件的某些特性引起的。本文将...
layer.js open 隐藏滚动条的例子
10-16
"隐藏滚动条"是指在创建layer弹出层时，不希望在父页面上显示滚动条，通常是出于界面美观或者用户体验的考虑。 从描述来看，本文档提供了使用layer.js打开弹出层时隐藏滚动条的具体代码示例。代码示例中，layer....
js禁止移动端浏览器滚动事件以及取消（允许）还原浏览器滚动事件
iceking66的博客
10-17 8104
1、禁止浏览器滚动 document.addEventListener('touchmove', function (event) { event.preventDefault(); }, false); document.addEventListener('touchmove', function (event) { window.event.returnVa
如何禁止页面滚动事件
susanzxl的专栏
05-11 2484
document.documentElement.style.overflow='hidden';//即：设置html元素的overflow属性hidden   document.body.style.overflow='hidden'//移动端的可以这样设置  这样设置之后，页面上的滚动条就消失了，页面就无法滚动了！
body 标签禁止横纵滚动条
PerfectUrl的博客
08-07 1628
全禁止 禁止纵向滚动条 禁止纵向滚动条
禁止页面滚动条事件
weixin_34268310的博客
03-13 763
1、PC： 实现禁止滚动事件，在元素上添加css类 body{ 　　height:100%; 　　overflow:hidden; } 再次允许滚动时，移除此css类即可 移动端： functionprevent (e) { 　　e.preventDefault(); } $('body').on('touchmove', prevent); 再次允许滚动 $('bod...
js 浏览器关闭滚动条
06-08
可以使用以下代码来在浏览器关闭滚动条： ``` // 禁用滚动条 function disableScroll() { // 获取滚动条宽度 var scrollWidth = window.innerWidth - document.documentElement.clientWidth; // 设置 body 样式 document.body.style.overflow = 'hidden'; document.body.style.paddingRight = scrollWidth + 'px'; } // 启用滚动条 function enableScroll() { // 恢复 body 样式 document.body.style.overflow = ''; document.body.style.paddingRight = ''; } ``` 在浏览器关闭时，调用 `disableScroll()` 函数来禁用滚动条，在浏览器重新打开时，调用 `enableScroll()` 函数来启用滚动条。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值