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

最新推荐文章于 2022-08-29 16:24:16 发布
原创 最新推荐文章于 2022-08-29 16:24:16 发布 · 2.9k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ie 滚动条

本文讲解了当浏览器弹窗关闭后，如何手动清除遗留的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 2015
css的position属性取值 css选择器优先级和权重 box-sizing属性 CSS 盒子模型 CSS实现三角形 CSS布局 弹性布局display:flex 实现一个垂直水平居中 隐藏页面元素的方法 style-components HTML脱离文档流的方法 block，inline和inlinke-block transition与animation区别...
女朋友要我教她CSS，我就写了这一篇长文，感动哭了？
超逸の学习技术博客
05-30 1万+
女朋友她又要我教她CSS，这4w字长文够了吗？她会被感动到吗？
HTML5全屏
dongbeidaxue1010的博客
02-15 230
function fullscreen(element) { if(element.requestFullscreen) { element.requestFullscreen(); } else if(element.mozRequestFullScreen) { element.mozRequestFullScreen(); ...
IE7下滚动条不起作用
luoyangwyb的专栏
07-30 989
很多时候，我们都会让 IFRAME 隐藏滚动条，通常的做法就是在嵌入  IFRAME 的页面的 CSS 中指定以下规则： html, body {overflow: hidden} 如果只是想隐藏横向滚动条，则使用以下代码： html, body {overflow-x: hidden} 以上代码在 IE、Firefox、Opera、Chrome 下均能正常工作
解决IE浏览器滚动条被隐藏问题
weixin_43841426的博客
10-15 1955
解决IE浏览器滚动条被隐藏问题(css) -ms-overflow-style: scrollbar;
关于 ActiveX控件在IE浏览器中滚动条失效的处理方法
竹君子之家
10-28 4320
 将acitvex   插入到IE   里面后,拉动滚动条,当acitvex   控件有部分被IE   覆盖后,再拖回原来位置,横向的滚动条无法拖动.这个问题是因为acitvex 控件在IE中没有被重画引起的.解决思路:(1)从html的js脚本出发:只要使得acitvex  闪动一下function doScroll(){// "objectEditor" is the name
IE11中打开模态框报错如何解决？
qq_44400509的博客
10-26 419
<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. **样式自定义**：插件支持自定义弹窗的外观样式，包括背景颜色、图标、标题、内容区域、...
关于body添加position:fixed会返回到网页顶部的问题
impossible1994727的博客
07-07 3762
做网页免不了遇到弹窗，遮罩层这些页面，当有遮罩层的时候需要禁止底层页面滑动，本来使用event.stopPropagation();阻止事件冒泡在安卓端就是可以实现的，但是在ios上这个并不起作用。 所以为了方便在弹出遮罩层的同时给body设置'position':'fixed';'top':'负的当前浏览器顶部距离页面顶部距离';此时，点击遮罩层的时候底层页面不动且页面位置正好；但是点击遮罩层
解决 前端 设置滚动条的宽度后 滚动条消失的问题（解决ie浏览器样式无效的问题）
weixin_53588804的博客
08-29 1702
.op::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius:5px; -webkit-box-shadow: inset005pxrgba(0,0,0,0.2); background:rgba(0,0,0,0.2); } .op::-webkit-scrollbar-track {/*滚动条里面轨道*/ -webkit-box-shadow: inset005pxrgba(0,0,0,0.2); border-radius:0;
【解决】浏览器网页无法使用滚轮上下滚动页面怎么办？
热门推荐
Louie的博客
03-26 2万+
有的时候比如学校的教务系统等用浏览器打开后，网页或者对话框、下拉菜单等无法使用滚轮上下滚动页面，可采用以下方法： 解决方案 ： 1、打开ie浏览器（每个电脑都自带ie，360浏览器也是使用的ie内核)； 2、右上角选择工具（齿轮状图案）； 3、进行兼容性视图设置； 4、把当前网站添加进去，下面都勾选上； 5、关闭重启ie。 ...
ie兼容性问题：页面内容显示不全，但不会出现滚动条
luoyu6的博客
12-19 8732
/*  页面内容显示不全，但不会出现滚动条*/  html {   overflow-y: scroll; } :root {   overflow-y: auto;   overflow-x: hidden; } :root body {   position: absolute; } body {   width: 100vw;   overflow: hidden; }  /*  ...
关于IE浏览器出现滚动条问题
趙小二啊
04-15 4597
给页面添加CSS样式 如下 html, body { -ms-overflow-style: scrollbar; }
gojs使用
qq_36985471的博客
12-11 2161
【代码】gojs使用。
IE浏览器兼容tbody显示滚动条
Harvey Wang的博客
12-21 2080
  由于项目组没有前端，所以既需要写后台，也需要写前端页面。当然就需要考虑一下浏览器的兼容性，谷歌浏览器的兼容性就是好，怎么写都行。IE浏览器就要差很多了。今天介绍一下怎么解决thead不显示滚动条，tbody显示滚动条。   我做的是一个弹窗，弹窗里面显示一个表格，要求thead的标题不显示滚动条，tbody显示滚动条。查了一下资料，直接在tbody中加了一个style="max-height:...
WeUI JS实现带滚动的弹出选择层方法
在这里，将展开描述WeUI中弹出选择层的技术特点、实现方法以及相关的知识点，包括但不限于弹出层的定义、滚动功能的设计、以及为什么强调“非JQ”的实现方式。 ### 弹出选择层的概念 弹出选择层（Popup Selection ...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值