Fancybox 2 在页面顶部打开

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/