layui 弹出层有滚动条或者页面很长的时候，提示不居中显示的问题。

爱被打了一巴掌 2022-01-22 23:59 921阅读 0赞

## layui 弹出层有滚动条或者页面很长的时候，提示不居中显示的问题。 ##

今天在用ajax请求数据时要加一个loading的功能，然后layui中提供了API  
![在这里插入图片描述][20190601113016396.png]  
根据这个引用layui的样式是可以出来的，然后你会发现弹出框的提示不在当前屏幕中，找了一会资料发现说的是浏览器出现了滚动条，不是页面内部出现的滚动条，导致弹出框认为页面高度就这么高。  
找了解决方案：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5neWFuZ18yMDE1_size_16_color_FFFFFF_t_70]  
试了以后没效果。  
第二种  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5neWFuZ18yMDE1_size_16_color_FFFFFF_t_70 1][]  
试了还是没效果。  
最后无赖只能在弹出的时候加了样式：

var index = layer.load(2, {time: 10*500,offset: '10%'});

期待有更好的答案。

[20190601113016396.png]: /images/20220123/336395f950e2472f85b1ffa6261ffd9b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5neWFuZ18yMDE1_size_16_color_FFFFFF_t_70]: /images/20220123/995d04c3d91146c09f6ea3627ce18375.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5neWFuZ18yMDE1_size_16_color_FFFFFF_t_70 1]: /images/20220123/1c57764f25424ab796d4c7968cff4faa.png

发表评论取消回复

表情：

评论列表（有 0 条评论，921人围观）

还没有评论，来说两句吧...

相关阅读

相关 jquery 弹出层垂直居中不动页面可滚动兼容ie6

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

刺骨的言语ヽ痛彻心扉/ 2022年08月06日 13:15/ 0 赞/ 139 阅读

相关图片弹出层的居中显示

有个单纯的图片弹出，要居中显示，加载居中如下： ![Center][] 对应的 html 代码如下： <div class="pop"> <div

叁歲伎倆/ 2022年08月06日 04:29/ 0 赞/ 177 阅读

相关 layer 弹出层不居中显示问题的解决方法

不居中效果：![Center][] 解决方法：在 <body> 标签加上 style="height: 100%" ![Ce

墨蓝/ 2022年06月17日 06:38/ 0 赞/ 412 阅读

相关 jsp弹出新页面居中显示

用JS方法打开 function newPage(cusId)\{ var iWidth=1000; //弹出窗口的宽度; var iHeight=600; //弹出

雨点打透心脏的1/2处/ 2022年06月11日 04:41/ 0 赞/ 199 阅读

相关 layui——弹出层

$("createUser").click(function () { layer.open({ type:2

梦里梦外;/ 2022年05月12日 14:04/ 0 赞/ 375 阅读

相关 layui弹出层显示指定的div

不多说直接上干货： 1、layui写法： layer.open({ content: $("type-con

骑猪看日落/ 2022年04月23日 12:02/ 0 赞/ 713 阅读

相关 layui关闭弹出层刷新父页面

当layui关闭弹出层时会调用layer.open()方法的end属性然后刷新代码就写在这个属性里面 layer.open({ type: 2,

Love The Way You Lie/ 2022年03月27日 01:52/ 0 赞/ 574 阅读

相关弹出层layer.msg第一次提示会很长

一直很喜欢LayUI的弹出层、因为真的很不错。最近用的时候发现第一次点击layer.msg会显得很长。解决方式 1.设置宽高。 2. layui.use('l

￡神魔★判官ぃ/ 2022年03月26日 08:14/ 0 赞/ 229 阅读

相关 layui 弹出层有滚动条或者页面很长的时候，提示不居中显示的问题。

layui 弹出层有滚动条或者页面很长的时候，提示不居中显示的问题。今天在用ajax请求数据时要加一个loading的功能，然后layui中提供了API ![在这里

爱被打了一巴掌/ 2022年01月22日 23:59/ 0 赞/ 922 阅读

相关 Layui的弹出层

1：先在HTML页面上放一个button按钮，给按钮ID，设置样式，按钮的作用就是弹出layui的open层： <button|type=“button”|id="O

逃离我推掉我的手/ 2022年01月22日 03:09/ 0 赞/ 836 阅读