Question

我有Fancybox2设置和工作，它打开框架中的图像，并具有我想要的标题和关闭按钮。但是它会通过向右滚动到页面顶部来打开每个图像。因此，当按下关闭按钮时，访问者必须向下滚动到图像以选择下一个图像。

我运行的唯一其他Javascript是Bootstrap，因为网站是用它构建的。关于可能发生什么的任何想法，或者如何对其进行排序以使图像在与图像链接相同的位置打开？

我的头脑中有：

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <link rel="stylesheet" href="source/jquery.fancybox.css" media="screen" />
    <script>
      $(document).ready(function() {
      $('.fancybox').fancybox({
        padding : 0,
        openEffect  : 'elastic'
       });
     });
    </script>

然后对于我使用的图像链接：

    <a href="img/addons/Advanced_filters.jpg" class="fancybox" title="Advanced Filters"><img src="img/addons/Advanced_filters.jpg" class="addon_img" /></a>

我的所有javascript都在页面底部运行，其中fancybox代码为：

    <script src="source/jquery.fancybox.pack.js"></script>

所有这些都是说明如何设置

非常感谢，保罗。

Answer 1

尝试对jquery.fancybox.css做一个小改动：注释掉overflow: hidden !important;

.fancybox-lock的规则

如果确实如此，请尝试：

$('.image').fancybox({
  padding: 0,
  helpers: {
    overlay: {
      locked: false
    }
  }
});

来源：http://davekiss.com/prevent-fancybox-from-jumping-to-the-top-of-the-page/

Fancybox 2在页面顶部打开

1 个答案: