ie11弹出层后，滚动条消失，页面固定不能动

最新推荐文章于 2021-08-13 23:12:56 发布
最新推荐文章于 2021-08-13 23:12:56 发布
阅读量2.9k 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： ie 文章标签： ie 滚动条
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/fighting2020/article/details/84136914
本文讲解了当浏览器弹窗关闭后，如何手动清除遗留的body样式。提供了两种方法：使用DOM操作document.body.style.overflow='auto'，或者使用JQuery操作$(‘body’).css(‘overflow’,‘auto’)。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

弹出框出现之后，浏览器会给body增加内联样式：style=“overflow:hidden”，弹出框关闭后，样式依然在，所以需要手工修改样式
DOM操作：document.body.style.overflow = ‘auto’
JQuery操作: $(‘body’).css(‘overflow’,‘auto’)

2023大厂高频面试题之CSS篇
zag666的博客
05-18 1888
css的position属性取值 css选择器优先级和权重 box-sizing属性 CSS 盒子模型 CSS实现三角形 CSS布局 弹性布局display:flex 实现一个垂直水平居中 隐藏页面元素的方法 style-components HTML脱离文档流的方法 block，inline和inlinke-block transition与animation区别...
女朋友要我教她CSS，我就写了这一篇长文，感动哭了？
超逸の学习技术博客
05-30 9931
女朋友她又要我教她CSS，这4w字长文够了吗？她会被感动到吗？
HTML5全屏
dongbeidaxue1010的博客
02-15 207
function fullscreen(element) { if(element.requestFullscreen) { element.requestFullscreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen(); ...
IE7下滚动条不起作用
luoyangwyb的专栏
07-30 973
很多时候，我们都会让 IFRAME 隐藏滚动条，通常的做法就是在嵌入  IFRAME 的页面的 CSS 中指定以下规则： html, body {overflow: hidden} 如果只是想隐藏横向滚动条，则使用以下代码： html, body {overflow-x: hidden} 以上代码在 IE、Firefox、Opera、Chrome 下均能正常工作
解决IE浏览器滚动条被隐藏问题
weixin_43841426的博客
10-15 1915
解决IE浏览器滚动条被隐藏问题(css) -ms-overflow-style: scrollbar;
关于 ActiveX控件在IE浏览器中滚动条失效的处理方法
竹君子之家
10-28 4302
 将acitvex   插入到IE   里面后,拉动滚动条,当acitvex   控件有部分被IE   覆盖后,再拖回原来位置,横向的滚动条无法拖动.这个问题是因为acitvex 控件在IE中没有被重画引起的.解决思路:(1)从html的js脚本出发:只要使得acitvex  闪动一下function doScroll(){// "objectEditor" is the name
IE11中打开模态框报错如何解决？
qq_44400509的博客
10-26 388
<div class="modal fade hid" id="modelWindow" tabindex="0" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="overflow-x: hidden; overflow-y: auto;"> <div class="modal-dialog"> <div class="moda.
jQuery实现的AJAX简单弹出层效果代码
11-22
` 使得弹出层相对于浏览器窗口固定，无论滚动条如何移动，它们始终位于屏幕中央。对于不支持`fixed`定位的老版IE浏览器，使用`position: absolute;` 并通过JavaScript计算位置。`z-index` 属性确保弹出层和遮罩层...
小白IT:如何快速写出一个前端页面（网页），Python中如何使用前端语言什么是？JavaScript？BOM&DOM？Bootstrap？？
yidianyidei的博客
05-19 4448
JavaScript前端语言 1.什么是JavaScript语言 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。用来给HTML页面增加动态功能 2.ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者–Netscape公司，将JavaScript提交给国际标准化组织ECMA。 次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是
LayUI中的基本元素之弹层组件文档（LayUI最广泛运用元素）
daimeijin的博客
08-13 1386
前言 最近在准备找工作的事项，但是作为一个后台也是需要了解一些前端框架的。就目前的来说有大火的VUE，但是VUE还是存在一定的学习成本，所以决定先从对后台友好的LayUI开始入手先做一些小项目练练手，后面会考虑使用VUE+ElementUI做一个大型一点的SAAS系统。查阅资料后得到如下文章，作为学习记录使用。 弹层组件文档 layer 至今仍作为 layui 的代表作，它的受众广泛并非偶然，而是这数年来的坚持、不弃的执念，将那些不屑的眼光转化为应得的尊重，不断完善和维护、不断建设和提升社区服务，在 Web
【解决】浏览器网页无法使用滚轮上下滚动页面怎么办？
热门推荐
Louie的博客
03-26 2万+
有的时候比如学校的教务系统等用浏览器打开后，网页或者对话框、下拉菜单等无法使用滚轮上下滚动页面，可采用以下方法： 解决方案 ： 1、打开ie浏览器（每个电脑都自带ie，360浏览器也是使用的ie内核)； 2、右上角选择工具（齿轮状图案）； 3、进行兼容性视图设置； 4、把当前网站添加进去，下面都勾选上； 5、关闭重启ie。 ...
ie兼容性问题：页面内容显示不全，但不会出现滚动条
luoyu6的博客
12-19 8710
/*  页面内容显示不全，但不会出现滚动条*/  html {   overflow-y: scroll; } :root {   overflow-y: auto;   overflow-x: hidden; } :root body {   position: absolute; } body {   width: 100vw;   overflow: hidden; }  /*  ...
关于IE浏览器出现滚动条问题
趙小二啊
04-15 4577
给页面添加CSS样式 如下 html, body { -ms-overflow-style: scrollbar; }
gojs使用
qq_36985471的博客
12-11 2148
【代码】gojs使用。
IE浏览器兼容tbody显示滚动条
Harvey Wang的博客
12-21 2064
  由于项目组没有前端，所以既需要写后台，也需要写前端页面。当然就需要考虑一下浏览器的兼容性，谷歌浏览器的兼容性就是好，怎么写都行。IE浏览器就要差很多了。今天介绍一下怎么解决thead不显示滚动条，tbody显示滚动条。   我做的是一个弹窗，弹窗里面显示一个表格，要求thead的标题不显示滚动条，tbody显示滚动条。查了一下资料，直接在tbody中加了一个style="max-height:...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值