关于layer-photos显示的问题

今天遇到了弹窗显示图片的需求,采用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即可。

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。