js禁用浏览器的滚动条，js隐藏浏览器滚动条

js怎么禁止手机html横向滚动条?

1、在浏览器中模拟测试的时候直接使用html，body{overflow：hildden；overflow-y：auto}，可以达到禁用横向滚动条的效果。

2、打开一个HTML页面，页面只有一个h标签，并在浏览器打开开发者调试界面。安卓和IOS调试均正常。添加关键函数，滑动时输出字符。

3、原声的是设置要划动div的over-flew：scroll；这种方式实现之后部分机型会出现划动不畅，一般使用iscroll.js来解决移动端的一切划动问题。

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

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

相关问答

Q1: h5页面在手机端禁用横向滚动

1、在浏览器中模拟测试的时候直接使用html，body{overflow：hildden；overflow-y：auto}，可以达到禁用横向滚动条的效果。

2、这里是因为：{ touch-action： none；} 这段代码，会导致安卓手机H5页面无法滚动，而苹果手机可以。 使用 iscroll.min.js 或者 Better Scroll 也没用。

3、当内容超过元素容器的高度时，滚动条就会出现，这是为了让超过内容也能显示设计。但有时候，我们不希望滚动条出现，我们就是想要超过容器部分不再显示，这时需要加一些命令，告诉浏览器我们的需要。

Q2: 【百分】如何用js去掉网页的滚动条?

1、设置 css overflow：hidden； 就行了。下面参考代码。

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

3、网页有些时候需要能滚动的效果，但是不想要滚动条，我就遇到了这样的需求。自己用jq写了一个垂直滚动条。

Q3: 怎样让DIV的滚动条禁用

① html，body：将默认出现的滚动条，完全地隐藏，这样不管什么内容都不会出现了。② .virtual_body：写一个假的body，设置它的长宽为100%，这样利用可视的浏览器窗体显示所有的内容，并垂直允许出现滚动条。

您好！很高兴为您答疑。body scroll=no是针对页面body的设置，与您的div无关，正常的做法是在不希望出现滚动条的div中加入样式style=overflow：hidden。如果对我们的回答存在任何疑问，欢迎继续问询。

实现你说的效果也可以，可采用：1，ovrflow设置为滚动，然后设一个div将滚动条遮住。2，overflow设为hidden，然后使用脚本如js监听鼠标滚轮，模拟滚动效果，前者比较简单，后者实现比较复杂。

显示滚动条是浏览器的功能，当文本超出文本框内容就会自动出现，你要是想实现无滚动条还能鼠标滚动出现内容的话就需要使用javascript了，思路是监听鼠标滚动事件，发生鼠标下滚时向文本框中替换内容。

可用的方法比较多，比较常见的是使用CSS。使用CSS CSS让DIV固定位置不随滚动条而滚动， fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的。

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

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

一种就是隐藏滚动条 ，但是这样的话，前台页面会因为滚动条的隐藏和出现而发生宽度的变化。这就使得每次一打开dialog页面就会伸缩。十分难受。第二种 就是不知道从哪儿抄的这种方法。一番修改之后，我也没好用。

可以通过样式overflow-x来控制横向滚动条的出现与否，语法如下：overflow-x：overflow-style overflow-style = visible | hidden | scroll | auto 默认值：visible 取值：visible： 不剪切内容。

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

Q5: ie6中如何用纯js去掉页面的横向滚动条。主要我对写法很疑惑。

1、设置 css overflow：hidden； 就行了。下面参考代码。

2、有两种方法。通过div的scrollTop变动控制垂直滚动条位置。通过div的scrollLeft变动控制水平滚动条位置。

3、用一个div，定制成图中的宽度和高度 然后再把div的样式设成overflow-y：scroll，当div里的文字超出那个高度的时候，滚动条就出来了。

4、IE6下的闪动问题 问题还没有完全解决。在用了上面的办法后，你会发现：被固定定位的元素在滚动滚动条的时候会闪动。

5、你可能是在页面的某个的position上设置了 position：absolute；IE6上，遇到这种绝对位置的，他会一直往父元素找一个position：relative，来固定自己的位置，如果找不到，就会出现滚动条无限下拉的情况。

6、因为IE6的兼容性问题，所以这不考虑用fixed，代码如下，用了js的滚动事件 ！-- CSS部分，宽度各100，红色背景，加了定位属性。

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