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";//开启纵向滚动条

在移动端，给body增加overflow:hidden;width:100%;height:100% 无效的问题。在网上找了几种解决办法

1、body加position:fixed; —-可行

2、给要滚动的元素添加一个父级，设定高度，overflow：auto；

3、html,body{height:100%;overflow:hidden}

文章参考：https://blog.csdn.net/newborn2012/article/details/17845289

javascript禁用启用浏览器滚动条相关推荐

禁用浏览器滚动条的解决方案
禁用浏览器滚动条的解决方案: document.body.parentNode.style.overflow="hidden";//隐藏且禁用 document.body.pare ...
JavaScript自定义浏览器滚动条兼容IE、火狐和chrome
今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css ...
JavaScript——获取浏览器滚动条(ScrollBar)宽度
问题描述不同浏览器的滚动条宽度不相同,需要动态获取浏览器滚动条宽度. 问题分析 screen.width屏幕分辨率宽度 document.body.scrollWidth 页面完整宽度 docume ...
禁用/启用按钮和链接的最简单方法是什么（jQuery + Bootstrap）
本文翻译自:What is the easiest way to disable/enable buttons and links (jQuery + Bootstrap) Sometimes I u ...
html 禁止页面回弹,JavaScript禁止微信浏览器下拉回弹效果
本文实例为大家分享了JavaScript禁止微信浏览器下拉回弹的效果,供大家参考,具体内容如下方法1: var overscroll = function(el){ el.addEventListe ...
jQuery——自定义浏览器滚动条，改变滚动条样式。实现滚动条效果
自定义浏览器滚动条,并实现滚动条功能废话少说,直接上代码: HTML <div class="scroll-box" onscroll="onScroll()&q ...
用Javascript代码实现浏览器菜单命令(以下代码在 Windows XP下的浏览器中调试通过
每当我们看到别人网页上的打开.打印.前进.另存为.后退.关闭本窗口.禁用右键等实现浏览器命令的链接,而自己苦于不能实现时,是不是感到很遗憾?是不是也想实现?如果能在网页上能实现浏览器的命令,将是多么有 ...
JavaScript禁用页面刷新
JavaScript禁用页面刷新代码如下: //禁用F5刷新 document.onkeydown = function () { if (event.keyCode == 116) { event. ...
dom元素滚动条高度 js_js浏览器滚动条卷去的高度scrolltop(实例讲解)
1.之前我们学习的JS盒子模型中:client系列/offset系列/scrollWidth/scrollHeight都是"只读"的属性-> 只能通过属性获取值,不能通过属性 ...

javascript禁用启用浏览器滚动条

javascript禁用启用浏览器滚动条相关推荐

最新文章

热门文章