Jquery中文网 www.jquerycn.cn
Jquery中文网 >  脚本编程  >  javascript  >  正文 javascript禁用浏览器滚动条的方法

javascript禁用浏览器滚动条的方法

发布时间:2015-07-25   编辑:www.jquerycn.cn
本文介绍了javascript禁用浏览器滚动条的办法,在网页中编辑文章时,编辑窗口中有滚动条,当编辑窗口中的滚动条滚动到底的时候再滚动,就会滚动浏览器的滚动条,怎么在打开编辑的时候禁用浏览器滚动条,编辑完成之后又恢复呢?

有四个属性可以设置:
 

document.body.parentNode.style.overflow = “hidden";//隐藏且禁用横向纵向两个滚动条
document.body.parentNode.style.overflow = “auto";//开启横向纵向两个滚动条
document.body.parentNode.style.overflowX = ”hidden“;//隐藏横向滚动条

document.body.parentNode.style.overflowX = ”auto“;//开启横向滚动条

document.body.parentNode.style.overflowY = ”hidden“;//隐藏纵向滚动条

document.body.parentNode.style.overflowY = ”auto“;//开启纵向滚动条

总之,用好以上属性,就可以禁用浏览器滚动条了。

您可能感兴趣的文章:
javascript禁用浏览器滚动条的方法
jquery滚动条插件
html5中当鼠标滚轮正在被滚动时运行的脚本的事件onmousewheel
学习:使用CSS修改IE浏览器滚动条的参数
jquery easyui滚动条部分设置介绍
html中去掉textarea右侧滚动条和右下角拖拽
JavaScript Window
css隐藏滚动条(横向,坚向)
CSS网页背景不随浏览器滚动
CSS自定义滚动条样式与颜色

关键词: js滚动条  滚动条  浏览器   
[关闭]