有时候在网页中编辑文章的时候, 编辑窗口中有滚动条, 当编辑窗口中的滚动条滚动到底的时候再滚动, 就会滚动浏览器的滚动条, 怎么在打开编辑的时候禁用浏览器滚动条?
这里有四个属性可以设置禁用滚动条:
- 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";// 开启纵向滚动条
overflow 属性
所有主流浏览器都支持 overflow 属性.
overflow 属性规定当内容溢出元素框时发生的事情.
这个属性定义溢出元素内容区的内容会如何处理. 如果值为 scroll, 不论是否需要, 用户代理都会提供一种滚动机制. 因此, 有可能即使元素框中可以放下所有内容也会出现滚动条.
值:
visible 默认值. 内容不会被修剪, 会呈现在元素框之外.
hidden 内容会被修剪, 并且其余内容是不可见的.
scroll 内容会被修剪, 但是浏览器会显示滚动条以便查看其余的内容.
auto 如果内容被修剪, 则浏览器会显示滚动条以便查看其余的内容.
inherit 规定应该从父元素继承 overflow 属性的值.
来源: http://www.css88.com/qa/javascript/11786.html