layui 弹出层有滚动条或者页面很长的时候,提示不居中显示的问题。
今天在用ajax请求数据时要加一个loading的功能,然后layui中提供了API
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/564d73b15d6414fbcaed7f1236543b40.png)
根据这个引用layui的样式是可以出来的,然后你会发现弹出框的提示不在当前屏幕中,找了一会资料发现说的是浏览器出现了滚动条,不是页面内部出现的滚动条,导致弹出框认为页面高度就这么高。
找了解决方案:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/03397479afd955b84ae394684ab3be4d.png)
试了以后没效果。
第二种
![](https://i-blog.csdnimg.cn/blog_migrate/46bc19b0fd85cc82161f1e1cc7061254.png)
试了还是没效果。
最后无赖只能在弹出的时候加了样式:
var index = layer.load(2, {time: 10*500,offset: '10%'});
期待有更好的答案。