Fancybox 2在页面顶部打开

Fancybox 2 opening at top of page

本文关键字：顶部 Fancybox      更新时间：2023-09-26

我已经设置并运行了Fancybox2，它打开了框架中的图像，并按照我的意愿设置了标题和关闭按钮。然而，它通过向右滚动回到页面顶部来打开每个图像。因此，当按下关闭按钮时，访问者必须向下滚动到图像以选择下一个。

我唯一运行的另一个Javascript是Bootstrap，它是用它构建的站点wsa。对可能发生的事情有什么想法吗？或者如何进行分类，使图像与图像链接在同一位置打开？

我脑子里有：

    <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>

所有这些正是指令所说的设置的方式

非常感谢，保罗。

尝试对jquery.fancybox.css进行一个小的更改：注释掉.fancybox-lock 的overflow: hidden !important;规则

如果真的做到了，试试：

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

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

相关文章：