BUG记录 —— layui弹框之后父页面滚动到顶部

最新推荐文章于 2025-06-25 14:16:58 发布
最新推荐文章于 2025-06-25 14:16:58 发布
阅读量4.6k 收藏
点赞数 3
CC 4.0 BY-SA版权
分类专栏： BUG 文章标签： layui 弹框 滚动到顶端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u011909918/article/details/87367777

网上找的三种方法，但是只有一种方法是有用的：

1、<a>标签的helf设置为Javascript:void();------------------无效

2、使用parent.layer.open打开弹出框------------------无效

3、设置弹出框的scrollbar属性为true（有效）

解决微信小程序长页面滚动到底部点击底部的输入框后输入框漂浮且页面滚动到顶部
仰望星空的代码
07-03 2928
一、问题描述 项目中有一个长页面上部展示部分信息下部为信息录入，页面长度为三屏幕（不同手机屏幕大小略有差异），当滚动到第二屏或者第三屏去填写信息时点击输入框后输入框漂浮起来了并且页面向上滚动了一段距离，回到了第一屏中展示的内容。效果如图。 滚动到第二屏，证件号输入。 点击输入框 可以看到证件号输入框漂浮了起来并且页面滚动到了第一屏展示的内容。 注意：小程序是2018年上线，在2020年4月份之前该页面从未出现过这种现象。推测：微信的后续更新中对微信小程序基础库进行了重构，导致点击输入框后页
layui页面返回顶部效果
qq_42092076的博客
05-23 1776
<!--引入layui--> <link rel="stylesheet" type="text/css" href="'css/layui/css/layui.css"/> <script src="js/layui.js" type="text/javascript"></script> <script type="text/javascript"> // 回到顶部 layui.use(['util', 'laydate', '
layer.open弹框弹出后父页面滚动问题
Wvv_的博客
01-07 7048
layer.open({ type: 1, area: ['680px', 'auto'], scrollbar: false, zIndex: 50, shade: 0.2, shadeClose: true, title: '标题', content: '内容' }); 设置scrollbar为false，弹框弹出时，父页面不...
element-plus中el-dialog对话框关闭页面之后再打开弹框滚动条回到顶部
最新发布
m0_52611940的博客
06-25 177
element-plus中el-dialog对话框关闭页面之后再打开弹框滚动条回到顶部
在iframe嵌套页面使用layui里面的layer弹窗最大化时候父页面会滚动到顶部
sunyv1的博客
12-07 1300
在iframe嵌套页面使用layui里面的layer弹窗最大化时候父页面会滚动到顶部
layui 弹出层有滚动条或者页面很长的时候，提示不居中显示的问题。
隔壁张同学
06-01 3248
layui 弹出层有滚动条或者页面很长的时候，提示不居中显示的问题。 今天在用ajax请求数据时要加一个loading的功能，然后layui中提供了API 根据这个引用layui的样式是可以出来的，然后你会发现弹出框的提示不在当前屏幕中，找了一会资料发现说的是浏览器出现了滚动条，不是页面内部出现的滚动条，导致弹出框认为页面高度就这么高。 找了解决方案： 试了以后没效果。 第二种 试了还是没效...
layui使用所遇见的坑。关闭弹窗后页面加载到上层页面，显示时间插件，创建编辑器功能不能使用
kay三石
03-02 1097
1.解决弹出层关闭后，把原来的弹出层的页面显示到本页面中： &lt;!-- 如果引入jquery.js则需要下面的不能使用 ,$=layui.jquery;否则会出现关闭弹窗后页面再次显示得到页面 &lt;script src="../js/jquery-1.8.3.js"&gt;&lt;/script&gt;--&gt; layui.use(['laydate', 'laypage', '...
layui弹框中点击事件
05-20
在 layui 弹框中实现点击事件，可以使用 layer.confirm 或者 layer.alert 方法中的回调函数进行操作。 例如，使用 layer.confirm 方法： ```javascript layer.confirm('确认要提交吗？', function(index){ // ...
vue2.0路由切换后页面滚动位置不变BUG的解决方法
08-27
在路由跳转时，Vue 会将页面滚动到顶部，这是因为 Vue 的路由机制会将页面滚动到顶部，而不是保持之前的滚动位置。 Watch 机制 在 Vue 中，watch 机制是一个非常重要的机制，用于监测数据的变化。当数据变化时，...
原创 layui抽奖页面
03-01
市面上找不到合适的抽奖页面大部分只是页面不能对接后台，尤其转盘，里面的内容不能圆形排列或者太多余复杂，只能自己写了，如果有问题欢迎咨询，我的邮箱lizhilimaster@163.com，由于时间有限，肯定有很多bug。...
出现弹窗后，父级页面还能进行滑动或滚动的问题
yb305
04-16 1322
1.给定一个隐藏样式,如： .noscroll { height: 100%; overflow: hidden; } 2.点击弹窗时修改html，body的样式 $("html,body").toggleClass('noscroll'); 3.页面如果出现滑动警告。如下： [Intervention] Unable to preventDefault inside p...
layui问题之自动滚动二级iframe页面到指定位置的方法
01-21
一、问题 前提：用的layui框架 目标：改变iframe页面滚动条位置 问题：没有麻溜溜的滚。。 二、经过 刚开始，以为只要滚动iframe里面的元素就行了，页面所有元素都在section里面，就通过section使滚动条滚动 $('section.layui-larry-box').scrollTop(300); 可想而知，不行 然后，又试了div啥的 最后直接试了包含这个页面的iframe标签，让iframe滚动 $(this).children('iframe').scrollTop(300); 不行。。 三、解决 最后看了一下原生js使iframe滚动的方法 documen
laui 弹出层下拉选溢出出现滚动条解决
qq_35510173的博客
08-19 2103
当弹出层里的下拉选择框选项过多，超出弹出层时，弹出层出现了滚动条，影响美观。 解决方案：在html标签下面添加css属性，css属性要在laui插件的下边 <!-- 选择部门 --> <div id="deptLayer" style="display: none;padding:10px; width:500px; height:500px;overflow:auto !important;"> <ul id="deptTree" class="ztree" styl
layer多层弹窗出现滚动条
Miss_kun的专栏
12-29 1万+
layer多层弹窗出现滚动条
Layui中弹出层关闭后但是弹出层中的内容依然显示在页面上，没有消失
qq_39517116的博客
02-18 2237
var index = layer.open({ title: “新增”, type: 1, content: $("#editForm"), end: function () { // 通过js获取Id然后进行隐藏 $(’#editForm’).hide(); vm.showForm = false; layer.closeAll(); } });
弹出框关闭之后，页面会自动回到顶部的解决办法。
y526355442的博客
04-13 4966
弹出框关闭之后，页面会自动回到顶部的解决办法。 找过很多种解决办法，大部分都不能满足我的需要。记录一下成功的解决办法： 在打开弹框的方法中添加： document.documentElement.style.overflow = ‘hidden’; //隐藏横竖滚动条 这就其实相当于把整个body的滚动条禁用，如果直接关闭弹框页面滚动条也不会再显示，所以在关闭弹框的时候： document.doc...
layer弹出层显示在top顶层
热门推荐
既然选择了-何必在意的专栏
11-29 4万+
因为项目框架用了iframe，所以在用layer时，默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示，想到用top.layer.open或者parent.layer.open,但是没反应。后面想到应该是在父页面中没有导入layer.js文件，导入后就能正常显示在父窗口页面区域了。 显示在顶层窗口 top.layer.open(
html 弹出框显示到最顶层,layer弹出层显示在top顶层的方法
weixin_35880510的博客
06-10 6528
layer弹出层显示在top顶层的方法因为项目框架用了iframe，所以在用layer时，默认layer.open弹出的窗口只能在iframe子窗口区域显示。现在想让layer在父窗口或者说框架的最顶层显示，想到用top.layer.open或者parent.layer.open,但是没反应。后面想到应该是在父页面中没有导入layer.js文件，导入后就能正常显示在父窗口页面区域了。显示在顶层窗口...
layer弹出层的关闭及父页面的刷新问题
07-17 412
<a class="btn-refresh" href="javascript:;" onclick="javascript:location.replace(location.href);">刷新</a> $(form).ajaxSubmit({ type: 'POST', url: "/WebAdmin/Role/...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值