javascript - jCarouselLite 和 fancybox 弹出窗口

Question

我正在同时使用 jCarouselLite 和 fancybox，请看这个链接

http://travianstation.com/index.html

脚本：http ://travianstation.com/scripts/script.js

如果您在不向下滚动的情况下单击“图库”，则图库将在正确的位置弹出，但如果向下滚动然后单击图库，它们不在窗口的中心，并且第二个图像行位于大图像上方。

请有人指导我如何解决这个问题。谢谢

Answer 1

在您的script.js文件中，您有这段代码

$().ready(function() {
 var $scrollingDiv = $("#fancybox-contentB");
 var $scrollingDivB = $("#fancybox-content");
 $(window).scroll(function(){                   
   $scrollingDiv.stop().animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow");            
   $scrollingDivB.stop().animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow");           
 });
});

我怀疑是在向下滚动窗口的每一小英寸上动态添加30px ，将其从屏幕上向下推（尝试在打开fancybox 时连续向下滚动窗口以查看效果。）marginTop#fancybox-content

拥有这个功能的想法是什么？