lightbox弹出层导致顶部滚动、图片抖动、去掉横线

jQuery弹出层插件lightbox

相信用这个插件的朋友会遇到一些问题：

1.顶部滚动
顶部菜单fixed固定，但是点击用了lightbox的图片 点击预览时菜单会向右滚动；仔细查看发现预览层弹出时滚动条隐藏了；解决方法：

在 lightbox.css 中去掉隐藏属性：

滚动条隐藏.png

2.图片抖动
预览层弹出和收起时图片的动画抖动显得有点卡顿；解决方法：

在 lightbox.js 中找到：
"transition-duration",e+"ms"进入时间 和 "transition-duration",i+"ms"收起时间；

进去.png

收起.png

然后改成你想要的时间，比如：
进入时间："transition-duration","200ms"
收起时间："transition-duration","150ms"

3.弹出窗底部有个横线

线1.png

在 lightbox.css 中找到：
fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4)；

线.png

把border-top出掉即可

演示网站cuanyair.com(头部幻灯片部分)

作者：车文烨
链接：https://www.jianshu.com/p/33dd77eaeb7a