0

jCarouselLite と fancybox を一緒に使用しています。このリンクを参照してください。

http://travianstation.com/index.html

スクリプト: http://travianstation.com/scripts/script.js

下にスクロールせずに「ギャラリー」をクリックすると、ギャラリーは正しい位置にポップアップしますが、下にスクロールしてからギャラリーをクリックすると、ウィンドウの中央になく、2 番目の画像行が大きな画像の上に表示されます。

この問題を解決する方法を教えてください。ありがとう

4

1 に答える 1

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

この機能を持つことのアイデアは何ですか？

于 2012-05-05T07:55:22.283 に答える