4

クリックすると、ページの指示がフェードアウトし、目的のコンテンツがフェードインする一連のボタンがあります。divは、jQuery .animate（）関数を使用して展開されます。divの拡張が終了すると、高さが短くジャンプします。jsFiddleを作成しましたが、そこでは正常に動作します。だから、それは私のコンテンツの残りの部分と関係があるに違いありません。

こちらがサイトです

http://northviewhigh.com/index/fbla/1213/eb/styles.css-CSSファイル

[上記と同じ、これ以上リンクを投稿できません]/eb/jquery/scripts.jsjQueryファイル

そしてここにコードがあります：

<div id="tixcontainer">

    <div class="tixinfo startinfo">
        Select a ticket type to begin ordering your graduation tickets. 
    </div>

    <div class="tixinfo hidden gradinfo">
        You selected "Graduate"
    </div>
</div>

#tixcontainer {
    width:100%;
    height:100px;
}

.tixinfo {
    position:absolute;
    top:629px;
}

.startinfo {
    height:100px;
}

.gradinfo {
    height:200px;
}

function expandTix(newHeight,cat) {
    $('.startinfo').fadeOut();
    $('#tixcontainer').animate({
        height: newHeight
    }, 'slow', function() {
        $('.'+cat+'info').fadeIn();
    });
}

$('.gradbutton').click(function() {
    dimAllBut('grad');
    expandTix(200,'grad');
});
4

1 に答える 1

9

これは同じ問題のように見えます：

jQuery animate（）

サンプルページにを追加overflow:hiddenすると#tixcontainer、ジャンプが停止します。

于 2012-10-16T01:15:45.067 に答える