Javascript 关闭lightbox(blueimp)后不滚动

Javascript 关闭lightbox(blueimp)后不滚动,javascript,jquery,html,twitter-bootstrap,blueimp,Javascript,Jquery,Html,Twitter Bootstrap,Blueimp,我建立了自己的网站,想添加不同的图库,所以我尝试了blueimp。它工作得很好,但是当我关闭灯箱时,我就不能再滚动页面了。谁能帮帮我吗 下面是一个小代码片段: <div id="artworks"> <a href="gallery/artworks/test1.jpg" title="test1" data-gallery="#blueimp-gallery-artworks" class="btn btn-primary btn-lg" role="button"&

我建立了自己的网站,想添加不同的图库,所以我尝试了blueimp。它工作得很好,但是当我关闭灯箱时,我就不能再滚动页面了。谁能帮帮我吗

下面是一个小代码片段:

<div id="artworks">
    <a href="gallery/artworks/test1.jpg" title="test1" data-gallery="#blueimp-gallery-artworks" class="btn btn-primary btn-lg" role="button">TAKE A LOOK</a>
    <a href="gallery/artworks/test2.jpg" title="test2" data-gallery="#blueimp-gallery-artworks"></a>
</div>

<!-- blueimp Gallery lightbox -->
<div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls">
    <div class="slides"></div>
    <h3 class="title"></h3>
    <a class="prev">‹</a>
    <a class="next">›</a>
    <a class="close">×</a>
    <a class="play-pause"></a>
    <ol class="indicator"></ol>
</div>

<!-- scripts -->
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.blueimp-gallery.min.js"></script>
<script>
document.getElementById('artworks').onclick = function (event) {
    event = event || window.event;
    var target = event.target || event.srcElement,
        link = target.src ? target.parentNode : target,
        options = {index: link, event: event},
        links = this.getElementsByTagName('a');
    blueimp.Gallery(links, options);
};
</script>

‹
›
×
document.getElementById('artworks')。onclick=函数(事件){
event=event | | window.event;
var target=event.target | | event.src元素,
link=target.src?target.parentNode:target,
选项={index:link,event:event},
links=this.getElementsByTagName('a');
blueimp.Gallery(链接、选项);
};

在我的例子中,我意外地添加了多个bluimp脚本。我删除了另一个,只为插件保留了一个js文件,然后将其修复。

在声明为hidePageScrollbars:false(默认值为true)的变量选项中,这对我有效。请参阅以下代码:

<script>
    document.getElementById('artworks').onclick = function (event) {
    event = event || window.event;
    var target = event.target || event.srcElement,
       link = target.src ? target.parentNode : target,
       options = {index: link, event: event, hidePageScrollbars: false},
       links = this.getElementsByTagName('a');
    blueimp.Gallery(links, options);
    };
</script>

document.getElementById('artworks')。onclick=函数(事件){
event=event | | window.event;
var target=event.target | | event.src元素,
link=target.src?target.parentNode:target,
选项={index:link,event:event,hidePageScrollbars:false},
links=this.getElementsByTagName('a');
blueimp.Gallery(链接、选项);
};

你能展示一个正在运行的演示(在JSFIDLE或其他东西上)吗?仅凭这一点代码很难判断。可能是一个
溢出:隐藏的
,它不会被插件或其他东西删除,但这只是一个猜测,没有看到代码在运行。嘿,谢谢你的回答。我试图建立一个工作演示,但它太复杂了。我想,如果你改为访问我的网站,会更容易;)www.zoesch.netThanks,在我的例子中,我有两次jQuery文件上传脚本调用。