1

多分私はこれについて間違っているかもしれませんが、コンテンツの一時的な部分が削除されたフォームがあります...

.form_jquery {display: none;}

親divとタイトルがホバーされているときにコンテンツを表示しています...

$(document).ready( function () {
        $(".deliver").hover(
            function () {
            $(".form_jquery").css({'display':'block'});
            },
                function () {
                    $(".form_jquery").css({'display':'none'});
                }
         )
    });

問題は、このフォームのタイトル/トグルの下に「メインコンテンツ」エリアがあり、いつ...

css({'display':'block'})

下のブロック要素が押し下げられます。下のブロックでいくつかの表示要素オプションを試してみましたが、副作用がありました。私の最後の手段は、フォームを「固定」に設定することですが、メニュータイトルをシミュレートしてそのグループでスクロールしたかったのです。

http://www.testinr.com/

4

1 に答える 1

0

次の項目を css に追加する必要があります

.deliverOnHover
{
    position:relative;
    z-index: 99;
    display: block;
}
body{
    position: absolute;
    table-layout:fixed;
}

Jquery は次のようになります。

$(document).ready( function () {
    $(".deliver").hover(function(){
         $(".form_jquery").toggleClass('deliverOnHover');
    });
});

position:absolute以下の div の css に追加します。

于 2013-02-06T19:29:49.007 に答える