弹出框1中的弹出框2，在关闭2时滚动条bug

已于 2022-02-09 14:07:59 修改
阅读量373 收藏
点赞数
文章标签： html
于 2022-02-09 14:07:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53088095/article/details/122840716
版权

关闭2时，滚动条也随之消失
弹出框1界面不能移动或鼠标滑动至顶部点击该弹框外其他位置，可关闭此界面。

解决，在弹出框1页面的最外面div添加一个属性style=“overflow: auto;”


overflow,overflow-x,overflow-y 用法

josion.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
bootstrap 多层弹框-关闭时导致外层滚动栏消失
weixin_43929904的博客
11-05 343
问题：bootstrap form 表单内弹框， 多层模态框导致最外层无法滚动 解决：在最外层 form 表单内 添加 <style type="text/css"> .modal { overflow: auto !important; } </style> 问题实例：https://jsfiddle.net/9dtq9aap/4/ 解决实例：https://jsfiddle.net/9dtq9aap/5/ 解决网站：https://stackoverflow.com/q
Bootstrap中，模态框嵌套模态框时，关闭第二个模态框时，导致第一个模态框的滚动条消失
u010869235的博客
05-09 5063
问题：在使用Bootstrap时，有时候会用到模态框中再嵌套模态框。这样就会出现一个问题，就是在关闭第二个模态框时，会导致第一个模态框的滚动条消失，这样就会使得屏幕太小而模态框太大看不到底部信息，而没法进行操作。 解决方法：就是在第二个模态框的关闭hide 方法调用之后立即触发的事件中,设置第一个模态框的样式,给其加一个样式:'overflow-y':'scroll'。 代码如下: myMod
关闭第一层模态框后第二层模态框无法滚动
qq_24140481的博客
09-03 424
1. 问题描述 两个模态框同时显示在页面中，当希望关闭上一层模态框A，保留下一层模态框B时，出现的下一层模态框B不能上下滚动的问题。 2. 什么情况下问题出现? 我写的页面使用了 Bootstrap 模态框Modal， 这个模态框B显示的同时又弹出了另一个模态框A。 第二个模态框A使用了 bootbox的prompt 弹窗， 同理如果同时显示的是另一个模态框也会有同样的问题。 3. 问题分析 当我们显示模态框是会发现body上被添加了一个类，名为“modal-open”. 这个类会帮助浏览器了解到我们现在的
关闭 el-dialog 视图后，网页不能滑动问题处理
圣人男的博客
03-21 1026
1.问题出现的原因 组件内用el-table 组件显示多条数据，网页 可滑动浏览，点击列表内某一个图片，用el-dialog模态组件展示大图。关闭后el-dialog组件后，页面不能滑动，多余部分被裁剪。 2.这个原并不是页面代码的问题，用Chrome浏览器检查页面元素， 没有打开el-dialog 组件前是： 关闭组件后 body 变成了 overflow：...
真正解决layer弹层遮罩挡住窗体的问题
qq_42778518的博客
01-14 598
解决layer弹层遮罩挡住窗体的问题 ：是appendTo 而不是appenTo
Jquery Messager 右下脚弹出窗口
09-15
描述中提到的滚动条滚动时的 Bug，可能是指当用户滚动页面时，消息框的位置没有正确固定在屏幕右下角，或者消息框与滚动条之间存在冲突。修复这个问题后，用户在滚动页面时，消息框将始终保持在视口的右下角，确保...
关于BootStrap modal 在IOS9中不能弹出的解决方法(IOS 9 bootstrap modal ios 9 noticework)
11-26
当用户在 iOS 9 设备上尝试打开一个 Bootstrap Modal 时，可能会发现模态窗口无法正常弹出。这个问题通常表现为点击触发模态的按钮后，模态窗口并未如预期那样显示，而是出现了一些异常的行为，比如滚动条消失或者...
artDialog_Demo
06-25
18、修复一处隐秘BUG：当使用Ctrl+回车提交表单并弹出对话框时导致弹出新窗口 (因为此时焦点在对话框关闭链接上，这个快捷键让很多浏览器新建窗口) 19、重新绘制'earo'皮肤，修复毛边的问题 20、修复拖动的时候...
iOS11.3以下modal中input光标错位的解决方法
08-26
* 使用JavaScript来获取滚动条高度，并设置为弹出层的Top值。 在解决这个问题的过程中，可能会遇到其他问题，例如： * body设置为position: fixed后，一旦弹出层Top属性被赋值，页面会默认回到最顶端，用户体验感...
前端html5框架ZUI1.2版
11-18
18、模态框支持额外的两种默认尺寸，修复某些时候模态框弹出时滚动条闪动的问题 19、修复代码段第一行出现错位的样式问题 20、一些组件的额外组成部分其对应的文件被重新命名 21、修复特定情况下kindeditor图标无法...
使用layui弹出层的心得，解决使用layer iframe 没有出现滚动条 导致页面显示不全
热门推荐
u013110682的博客
07-23 5万+
问题描述：在做后台的时候想要实现这样一个功能，点击弹出一个窗口，窗口是下拉选择框，给用户选择。用到了layui，但是却发现，弹窗虽然固定了高宽，但是里面的下拉框，在显示的时候却被弹窗挡住了，导致信息显示不全，也没滚动条。 layer.open({ id:'edit', type: 2, ...
layui 弹窗无效、看不到、超出窗口、被遮挡
默默地博客
03-26 2059
废话不多说直入主题: 在使用layer.alert layer.confirm layer.msg 等等弹窗时，发现看不到弹窗，然后通过控制台检查代码发现，如图 弹窗其实已经被创建了，但是跑到了视窗之外。 如何解决： 如果出现这种现象，百分之八十的可能就是html文件头未使用<!DOCTYPE html>声明文档类型 ，如果你未使用或使用其他的 DOCTYPE，你可能会面临触发接近标准模式或者怪异模式的风险。 ...
Layer For Mobile >> 在 ios设备上不支持弹出页面滚动条
freedom
08-14 485
问题：使用layer弹出层在ios 移动设备上不能显示滚动条。 解决方法：在外层添加一个div 样式height:500px;-webkit-overflow-scrolling:touch;overflow:auto; <script type="text/javascript"> var content = "1、只要年满22周岁，即可申请加入“长期消费家庭优惠计划”，加入...
手机端点击出现弹层，弹层下面的内容不能滚动方法
qq_39339339的博客
01-26 976
1.如果弹层内容不可以滚动，那就用粗暴的方法： var DivScroll = function(ele) { if(!document.querySelector(ele)) return; this.popupLayer = document.querySelector(ele); this.startX = 0; this.startY = 0; this.popupLayer.
layui dom弹窗被遮住无法操作的问题
陈焕君的博客
12-05 3947
先来个发生错误的截图： 弹窗被遮罩遮住，无法操作，弹窗代码如下 &lt;script&gt; function dialog(){ layer.open({ type: 1, title: "请选择", //area: ['520px', '395px'], shadeClose: true, //skin: 'yourclass',...
解决Layer.photos带按钮后，小图片显示不出来和长图片翻页按钮点不中的问题
shenjiujun的博客
04-26 878
Layer虽然不更新了，但依然十分活跃，笔者在使用的过程中发现Layer.photos带按钮后，小图片显示不出来和长图片翻页按钮点不中的问题，目前我的解决思路是直接限定Area参数的最小宽度和高度，直接在改动layer项目文件 在r.photos下更改以下内容： var imgHeight=n.height<200?200:n.height;//Mod by Shenjiujun 20220426 NewAdd r.close(l.loadi),
【UI】 elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug
amoureux555的博客
02-05 2617
elementui的dialog弹窗打开时CSS的BUG | 滚动条消失bug 由于遮罩层的出现，导致页面的滚动条隐藏，从而使页面出现闪动的效果。
解决element ui drawer组件关闭后，滚动条不复原的问题
YZ_ZZZ24的博客
02-21 2591
情况一： 项目需求原因，抽屉弹窗的内容比较多，所以在样式上 使用 ::v-deep .el-drawer__body { overflow: auto; } 给组件增加滚动条， 问题出现： 每次抽屉组件关闭，再打开后滚动条的位置一直不复原。 解决： 在组件外再加一层 div 进行v-if 动态加载，这样每次动态值为false，该部分dom元素就会被销毁， 为true时，dom结构重新渲染，滚动条位置也将复原。 情况二： ...
Layui弹出框滚动条下方按钮
最新发布
07-17
2. 在弹出框的内容区域中，添加一个容器元素，用来包裹需要显示的内容以及滚动条。 3. 在该容器元素上添加 CSS 样式，设置其高度和 overflow 属性，以产生滚动条效果。例如： ```html ; overflow: auto;"> <!-- ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值