1

アニメーション モバイル サイト (iPhone 用に最適化) の次のロジックがあります。208 は全画面表示になる前の高さです。

    var pageHeight = $(window).height();

    if (pageHeight == 320 ) {

        $('#slide3').animate({bottom: '0px',}, 3000, function() {$('.slide3Txt').animate({top:'30px'},500);godown3Pt2()});
    }
    if (pageHeight != 208) {

        $('#slide3').animate({bottom: '0px',}, 3000, function() {$('.slide3Txt').animate({top:'94px'},500);godown3Pt2()});

    }

私の問題は、横向きのiPhoneで両方のイベントが次々に発生することです-このロジックを改善するための提案はありますか?

4

1 に答える 1

2

コードでは、208ではなく320である場合、または208ではない場合にトリガーされます。

そのためelse if、320の場合、最初のアニメーションが実行され、208ではなく、2番目のアニメーションがトリガーされます。

 var pageHeight = $(window).height();

    if (pageHeight == 320 ) {

        $('#slide3').animate({bottom: '0px',}, 3000, function() {$('.slide3Txt').animate({top:'30px'},500);godown3Pt2()});
    }else if (pageHeight != 208) {

        $('#slide3').animate({bottom: '0px',}, 3000, function() {$('.slide3Txt').animate({top:'94px'},500);godown3Pt2()});

    }
于 2013-01-22T15:54:03.580 に答える