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

最新推荐文章于 2020-10-26 15:31:10 发布
最新推荐文章于 2020-10-26 15:31:10 发布
阅读量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’)。

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

2023大厂高频面试题之CSS篇
zag666的博客
05-18 1914
css的position属性取值 css选择器优先级和权重 box-sizing属性 CSS 盒子模型 CSS实现三角形 CSS布局 弹性布局display:flex 实现一个垂直水平居中 隐藏页面元素的方法 style-components HTML脱离文档流的方法 block，inline和inlinke-block transition与animation区别...
女朋友要我教她CSS，我就写了这一篇长文，感动哭了？
超逸の学习技术博客
05-30 9968
女朋友她又要我教她CSS，这4w字长文够了吗？她会被感动到吗？
HTML5全屏
dongbeidaxue1010的博客
02-15 216
function fullscreen(element) { if(element.requestFullscreen) { element.requestFullscreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen(); ...
IE7下滚动条不起作用
luoyangwyb的专栏
07-30 978
很多时候，我们都会让 IFRAME 隐藏滚动条，通常的做法就是在嵌入  IFRAME 的页面的 CSS 中指定以下规则： html, body {overflow: hidden} 如果只是想隐藏横向滚动条，则使用以下代码： html, body {overflow-x: hidden} 以上代码在 IE、Firefox、Opera、Chrome 下均能正常工作
解决IE浏览器滚动条被隐藏问题
weixin_43841426的博客
10-15 1924
解决IE浏览器滚动条被隐藏问题(css) -ms-overflow-style: scrollbar;
关于 ActiveX控件在IE浏览器中滚动条失效的处理方法
竹君子之家
10-28 4306
 将acitvex   插入到IE   里面后,拉动滚动条,当acitvex   控件有部分被IE   覆盖后,再拖回原来位置,横向的滚动条无法拖动.这个问题是因为acitvex 控件在IE中没有被重画引起的.解决思路:(1)从html的js脚本出发:只要使得acitvex  闪动一下function doScroll(){// "objectEditor" is the name
IE11中打开模态框报错如何解决？
qq_44400509的博客
10-26 391
<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` 属性确保弹出层和遮罩层...
基于jQuery插件实现右下角弹窗功能，类似QQ焦点新闻弹出效果
1. **弹出位置固定**：无论页面如何滚动，弹窗始终定位在浏览器可视区域的右下角，使用CSS中的`position: fixed`实现。 2. **样式自定义**：插件支持自定义弹窗的外观样式，包括背景颜色、图标、标题、内容区域、...
小白IT:如何快速写出一个前端页面（网页），Python中如何使用前端语言什么是？JavaScript？BOM&DOM？Bootstrap？？
yidianyidei的博客
05-19 4474
JavaScript前端语言 1.什么是JavaScript语言 JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。用来给HTML页面增加动态功能 2.ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者–Netscape公司，将JavaScript提交给国际标准化组织ECMA。 次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是
【解决】浏览器网页无法使用滚轮上下滚动页面怎么办？
热门推荐
Louie的博客
03-26 2万+
有的时候比如学校的教务系统等用浏览器打开后，网页或者对话框、下拉菜单等无法使用滚轮上下滚动页面，可采用以下方法： 解决方案 ： 1、打开ie浏览器（每个电脑都自带ie，360浏览器也是使用的ie内核)； 2、右上角选择工具（齿轮状图案）； 3、进行兼容性视图设置； 4、把当前网站添加进去，下面都勾选上； 5、关闭重启ie。 ...
ie兼容性问题：页面内容显示不全，但不会出现滚动条
luoyu6的博客
12-19 8720
/*  页面内容显示不全，但不会出现滚动条*/  html {   overflow-y: scroll; } :root {   overflow-y: auto;   overflow-x: hidden; } :root body {   position: absolute; } body {   width: 100vw;   overflow: hidden; }  /*  ...
gojs使用
qq_36985471的博客
12-11 2152
【代码】gojs使用。
IE浏览器兼容tbody显示滚动条
Harvey Wang的博客
12-21 2069
  由于项目组没有前端，所以既需要写后台，也需要写前端页面。当然就需要考虑一下浏览器的兼容性，谷歌浏览器的兼容性就是好，怎么写都行。IE浏览器就要差很多了。今天介绍一下怎么解决thead不显示滚动条，tbody显示滚动条。   我做的是一个弹窗，弹窗里面显示一个表格，要求thead的标题不显示滚动条，tbody显示滚动条。查了一下资料，直接在tbody中加了一个style="max-height:...
WeUI JS实现带滚动的弹出选择层方法
在这里，将展开描述WeUI中弹出选择层的技术特点、实现方法以及相关的知识点，包括但不限于弹出层的定义、滚动功能的设计、以及为什么强调“非JQ”的实现方式。 ### 弹出选择层的概念 弹出选择层（Popup Selection ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值