0

バウンスする前に上から下に移動するdivがあります。移動の距離を大きくする必要があります。私の実際のコードはこれです：

HTML：

<div id=popup>
    <p>Please, choose what type of puzzle you'd like to play</p>
</div>

jQuery：

       $(document).ready(function(){    
           $('#popup').show('bounce', { times:3 }, 300);
            });

距離引数を追加しようとしましたが、必要な処理が実行されません。

       $(document).ready(function(){    
           $('#popup').show('bounce', { times:3 , distance: 200 }, 300);
        });//No effect what ever value i give to the `distance` argument.

あなたは私がフォローしているデモを見ることができます。バウンスする前に、ページの中央（上から中央）に移動する必要があります。よろしくお願いします。

4

2 に答える 2

1

設定distanceとdirectionオプションが機能するはずです：

$('#bounce').show("bounce", {
    times: 3,
        direction: "down",
        distance: $(window).height()/2
}, 300);

こちらのデモをご覧ください。

于 2012-09-22T23:11:24.553 に答える
0

あなたが求めていることは本当に明確ではありません...それでも私はこれが役立つはずだと思います：

Javascript

$('#popup').animate({
    top: (($(window).height()/2) - ($('#popup').outerHeight()/2)
)}, 2000, 'easeOutBounce');

イージング機能はここにあります

于 2012-09-22T22:50:00.133 に答える