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

如题所述

<body scroll="no"> //关闭滚动条,没有滚动条就无所谓拖动滚动条了

再加上
<script>
var oBody=document.body;
oBody.onmousewheel=function (){
var ch=-1; //滚动幅度,负数表示鼠标上滚,页面上滚;正数表示鼠标下滚,页面反而上滚
oBody.scrollTop+=event.wheelDelta*ch;
}
</script>
加滚动鼠标的事件来调整页面就OK了

不关闭滚动条的话,倒还有种方法可行,不过拖动滚动条时页面会闪烁,不够完美。
<script>
var o=document.body; //这里可以是其他任何元素
var st=0;
setInterval(setScrollTop,100);
o.onmousewheel=function (){
var ch=-1;
st=st+event.wheelDelta*ch;
}
function setScrollTop(){
o.scrollTop=st;
}
</script>
温馨提示:内容为网友见解,仅供参考
无其他回答

js怎么禁止点击滚动条(仅仅是点击拖动滚动条被禁止,鼠标滚轮是可以用的...
加滚动鼠标的事件来调整页面就OK了不关闭滚动条的话,倒还有种方法可行,不过拖动滚动条时页面会闪烁,不够完美。var o=document.body; \/\/这里可以是其他任何元素var st=0;setInterval(setScrollTop,100);o.onmousewheel=function (){var ch=-1;st=st+event.wheelDelta*ch;}function setScrollTop(){o.scrollTop...

怎么通过js禁止页面滚动?
在有滚动条的标签里面加上:onmousewheel="javascript:return false;"例如,滚动条是body标签生成的,那么在body标签里面加上上面的代码:

完美解决js 禁止滚动条滚动,并且滚动条不消失,页面大小不闪动_百度知 ...
当打开dialog的时候,希望主页面的滚动条不要滚动。一番搜索之后,发现大家的解决办法分为两种。一种就是隐藏滚动条 ,但是这样的话,前台页面会因为滚动条的隐藏和出现而发生宽度的变化。这就使得每次一打开dialog页面就会伸缩。十分难受。第二种 就是不知道从哪儿抄的这种方法。一番修改之后,我也没好...

css如何在页面内出现滚动条的地方禁止鼠标滑轮滚动
css只是层叠样式表,是控制页面的样式的,并不能对一些操作进行控制。至于禁止鼠标滑轮的滚动是需要用js控制的,在js中有一个mousewheel事件,对这个事件进行设置,可以实现对鼠标滚轮的一些操作。

JS中当弹出一个DIV后,如何禁止滚动和编辑页面???
101 再使用一个层div2,width:100%,height:100%.z-index:100,position:absolute;这样div2会覆盖整个页面,页面上的任何元素都不可点击(页面中元素的默认z-index为0,如果有高的z-index需要将div2的z-index设置的更高些)禁止滚动可以给body添加overflow:hidden这样就不会显示滚动条,不能滚动 ...

js如何控制整个页面滚动条的位置
有两种方法。1、通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。示例: \/\/d1是外层div,带滚动条 2222 document.getElementById('d1').scrollTop=100;\/\/通过scrollTop设置滚动到100位置 document.getElementById('d1').scrollLeft=200;\/\/通过scrollTop设置...

html js 或者css怎么做到隐藏滚动条,但是依旧可以滚动?
一、文字溢出,就让文字自动换行,代码如下:二、隐藏内层DIV的宽度

【百分】如何用js去掉网页的滚动条?
设置 css overflow:hidden; 就行了。下面参考代码。测试 ie6 7 Firefox Opera 没用问题 谷歌浏览器 只能隐藏 显示不行 <!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd"> 无标题文档 try{ var isStyle = ...

...先鼠标点击一下div才可以监听,怎么解决取消点击
>var $=function(obj){return document.querySelector(obj);}var n=0;function textFn(){this.textContent="点击了" + (++n) + "次";}$('#btn1').onclick=function(){console.log($('#text'));$('#text')

在vue.js中使用div滚动条隐藏但有滚动效果,该如何实现?
= window.event || arguments[0] evt.returnValue = false \/\/屏蔽body滚动事件 if (evt.wheelDelta <= -120) { bop.scrollTop=bop.scrollTop+40 } else if (evt.wheelDelta >= 120) { bop.scrollTop=bop.scrollTop-40 } }) } } }上面是我整理给大家的,希望今后会对大家有帮助。

相似回答