Lightbox overlay在关闭后仍保留，页面高度100%

Question

嘿，我用的是Wordpress和一个叫斯德哥尔摩的主题。

问题是，每当我点击图像时，就会出现一个lightbox。当关闭灯箱或在灯箱外单击时，我会假设较暗的覆盖消失，但它没有做到这一点。它会一直存在，不会让我点击其他任何地方。我在js和css中都找不到错误。

这是页面：

http://plaaditood.ee/portfolio_page/vaana-moisa-tolla-kuur-looduskivi-paigaldus-80-m2/

另一个问题是网页的高度。它没有足够的内容来100%填充高度。使身体的最小高度: 100%不起作用。

感谢您的回复。

Answer 1

如果在任何时候只有一个lightbox处于打开状态，您可以尝试添加以下jQuery：

$(document).on("click", ".pp_close", function(){
$(".pp_overlay").fadeOut();
});

Answer 2

关于lightbox没有关闭灰色的覆盖层，似乎你的页面上有两次漂亮的照片javascript。

<script type='text/javascript' src='http://plaaditood.ee/assets/themes/stockholm/js/plugins.js?ver=4.2.2'></script>

<script type='text/javascript' src='http://plaaditood.ee/assets/plugins/js_composer/assets/lib/prettyphoto/js/jquery.prettyPhoto.js?ver=4.3.4'></script>

这可能就是导致问题的原因。如果在删除其中一个实例后仍然不能解决问题，您还可以仔细检查您的实现。

http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/documentation

至于页脚在没有太多内容可以推到底部时不会停留在屏幕底部，您可以尝试这样做：http://www.cssstickyfooter.com/