【问题标题】:Fancybox animation jumps to top corner of pageFancybox 动画跳转到页面的上角
【发布时间】:2014-04-09 03:11:22
【问题描述】:

我正在为客户开发一个网站,并且已经包含了图片的 fancybox 脚本。我遇到的问题与动画本身有关。在动画进入之前,它似乎跳到了窗口的左上角。之后它可以正常工作。不过,我似乎无法弄清楚为什么它会制作出那种有问题的动画。

有什么想法吗?

Link to site...

【问题讨论】:

  • 下载最新的master,已经修复了github.com/fancyapps/fancyBox/archive/master.zip
  • 我安装了最新版本。问题依然存在。问题不是背后的页面,而是动画本身。
  • 您的 afterShow 回调中有一个 $('.fancybox-wrap').swipe(),这可能就是原因
  • 不幸的是,事实并非如此。这实际上是为移动设备创建触摸功能。移除它不会影响动画跳跃。 :/ 我在这里绞尽脑汁。

标签: javascript jquery css wordpress fancybox


【解决方案1】:

查看这篇关于解决相同问题的文章http://davekiss.com/prevent-fancybox-from-jumping-to-the-top-of-the-page/。作者建议:

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

【讨论】:

  • 这并不能解决问题,它只是一种解决方法。许多人可能不喜欢滚动fancybox 后面的内容(如果将locked 设置为false,就会发生这种情况。)这是一个临时解决方法,可能会导致另一个问题对于某些场景。这是一个错误,已在最新的 master github.com/fancyapps/fancyBox/archive/master.zip 中更正
  • 除此之外,这不是我遇到的问题。我的问题不在于fancybox 后面的页面……而是fancybox 本身的动画。实际的框在动画期间跳到顶部……而不是页面。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-02-10
  • 1970-01-01
相关资源
最近更新 更多