关于layer-photos显示的问题

2020-05-28  本文已影响0人  路行伟

今天遇到了弹窗显示图片的需求,采用layer-photos来实现。遇到了几个问题。

第一个就是遮罩层的问题,因为想图片弹出后不要有遮罩,于是将shade设为false,但是随之而来的问题是滚动条消失了,于是查看layer.css,发现如下代码:

.layui-layer-photos .layui-layer-content {

overflow:hidden;

text-align:center

},将overflow属性修改为auto,滚动条的问题解决。

第二个问题是图片的alt会随着滚动条的滚动位置发生变化。并没有固定在底部。查看layer.css源码,发现如下代码:layui-layer-imgbar样式中,position属性为absolute,将属性值改为fixed就可解决该问题。

还有弹窗前后翻页的位置问题与第二个原因一致,找到相应的样式,把position属性修改为fixed即可。

随手草记,以便以后再遇到类似问题浪费时间。

上一篇下一篇

猜你喜欢

热点阅读