js禁止元素滚动 js禁止滚动条

js怎么禁止点击滚动条(仅仅是点击拖动滚动条被禁止,鼠标滚轮是可以用的...

1、当打开dialog的时候，希望主页面的滚动条不要滚动。一番搜索之后，发现大家的解决办法分为两种。一种就是隐藏滚动条 ，但是这样的话，前台页面会因为滚动条的隐藏和出现而发生宽度的变化。

2、可以用js或者css实现。js可以监听鼠标的onscroll滚轮事件，事件内可以阻止鼠标的滚轮默认事件。css可以设置元素的pointer-events属性，设置为none则所有鼠标事件失效。

3、这个可以用CSS实现 你可以用JS操作CSS 方法一：设置CSS属性overflow为hidden。＜body style=overflow：hidden＞ 方法二：设置body元素的scroll属性为no。

4、是控制整个网页的滚动条？在页面下部添加一个锚点比如 再在flash添加一个onclick事件，代码为：onclick=window.location.hash=aa即可。

相关问答

Q1: JavaScript如何屏蔽页面的滚动?

1、当打开dialog的时候，希望主页面的滚动条不要滚动。一番搜索之后，发现大家的解决办法分为两种。一种就是隐藏滚动条 ，但是这样的话，前台页面会因为滚动条的隐藏和出现而发生宽度的变化。

2、如果单纯的是想在某个模块不要滚动的话直接overflow：hidden就可以。

3、方法一：设置CSS属性overflow为hidden。＜body style=overflow：hidden＞ 方法二：设置body元素的scroll属性为no。＜body scroll=no＞ 如果只想隐藏横向或纵向上的滚动条，可以用overflow-x或overflow-y来设置。

4、加滚动鼠标的事件来调整页面就OK了不关闭滚动条的话，倒还有种方法可行，不过拖动滚动条时页面会闪烁，不够完美。

Q2: js控制禁止/允许页面滚动

1、也可以通过设置样式隐藏给body设置overflow：hidden但是会出现闪一下的情况，体验稍差一些。

2、这个要看你自己的需求是什么。如果单纯的是想在某个模块不要滚动的话直接overflow：hidden就可以。

3、当打开dialog的时候，希望主页面的滚动条不要滚动。一番搜索之后，发现大家的解决办法分为两种。一种就是隐藏滚动条 ，但是这样的话，前台页面会因为滚动条的隐藏和出现而发生宽度的变化。

4、加滚动鼠标的事件来调整页面就OK了不关闭滚动条的话，倒还有种方法可行，不过拖动滚动条时页面会闪烁，不够完美。

Q3: 怎么用js固定某个元素,让它不随页面的滚动而滚动,始终固定在窗口的某...

1、可以把该元素的定位设置为fixed，该元素就会始终在那个位置，不过要注意IE6下不支持固定定位，兼容IE6可以通过JS实现，不过JS实现的是滑动效果，要想在IE6下也实现固定定位那样的效果没办法做到。

2、这样的话，DIV就会固定在页面顶部，宽度等于浏览器窗口的宽度，高度自定义。

3、首先我们新建一个web项目，主要用到了html文件和css文件。然后在html文件中，有图中的代码，引入css文件和设置一个div标签。然后这里是css样式文件，主要看图中红框中内容，使用fixed定位方式。

Q4: 用JS怎么禁止window对象的滚动条滚动?

加滚动鼠标的事件来调整页面就OK了不关闭滚动条的话，倒还有种方法可行，不过拖动滚动条时页面会闪烁，不够完美。

如果单纯的是想在某个模块不要滚动的话直接overflow：hidden就可以。

即可看到滚动效果，这时候当然用到var init = setTimeout()函数执行动作，停止滚动的时候就 clearInterval(init)，就停止了。

你把alert()改成return false；你现在不行是因为执行你的方法后会进行事件冒泡，执行浏览器自带的滚动事件。

当打开dialog的时候，希望主页面的滚动条不要滚动。一番搜索之后，发现大家的解决办法分为两种。一种就是隐藏滚动条 ，但是这样的话，前台页面会因为滚动条的隐藏和出现而发生宽度的变化。

这个可以用CSS实现 你可以用JS操作CSS 方法一：设置CSS属性overflow为hidden。＜body style=overflow：hidden＞ 方法二：设置body元素的scroll属性为no。

关于js禁止元素滚动和js禁止滚动条的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。