jQuery彈出層插件lightbox

相信用這個(gè)插件的朋友會(huì)遇到一些問(wèn)題：

1.頂部滾動(dòng)
頂部菜單fixed固定，但是點(diǎn)擊用了lightbox的圖片 點(diǎn)擊預(yù)覽時(shí)菜單會(huì)向右滾動(dòng)；仔細(xì)查看發(fā)現(xiàn)預(yù)覽層彈出時(shí)滾動(dòng)條隱藏了；解決方法：

在 lightbox.css 中去掉隱藏屬性：

滾動(dòng)條隱藏.png

2.圖片抖動(dòng)
預(yù)覽層彈出和收起時(shí)圖片的動(dòng)畫(huà)抖動(dòng)顯得有點(diǎn)卡頓；解決方法：

在 lightbox.js 中找到：
"transition-duration",e+"ms"進(jìn)入時(shí)間 和 "transition-duration",i+"ms"收起時(shí)間；

進(jìn)去.png

收起.png

然后改成你想要的時(shí)間，比如：
進(jìn)入時(shí)間："transition-duration","200ms"
收起時(shí)間："transition-duration","150ms"

3.彈出窗底部有個(gè)橫線

線1.png

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

線.png

把border-top出掉即可

演示網(wǎng)站cuanyair.com(頭部幻燈片部分)