0

画像のように実装する必要があり、ローダー部分以外はすべて実行しました。左側のチェックボックスをクリックするdiv(loade+text "updating results)と、検索結果の div の中央に表示されます。

ノート：

  1. スクロールバーがあっても、まだdiv(loade+text "updating results)中央に来ています。

  2. div(loade+text "updating results)はページの中心ではなく、検索結果の中心になります (左のチェックボックスは除外されます)。

このローダーを検索結果の中心に置くのを手伝ってください

** 添付した画像は望ましいものですが、実装していません。

実装する必要があります

4

5 に答える 5

0

divローディングは配置する必要があると思います。absolute検索結果内にネストする場合は、次のdivスタイルを追加してみてください。

{
    left: 50%; 
    top:50%
}
于 2012-08-09T07:20:43.783 に答える
0 
    leftPos = $('.searchResultsDiv').offset().left +($('.searchResultsDiv').width() - $('.layerDiv').width())/2;
    topPos = $('.searchResultsDiv').offset().top + ($(window).height()-$('.layerDiv').height())/5;
    $('.layerDiv')
        .css('position','fixed')
        .css('left',leftPos)
        .css('top',topPos);
于 2012-08-09T17:33:34.570 に答える
0

あなたが欲しいものを知っていますか？

div(loade+text "updating results) を検索結果の中心に来てほしい

ページの中心ではなく、検索結果の中心に来る

画面の中央に「結果の更新」divが必要だと仮定します。

ドキュメントフローから除外するために位置を固定に設定する必要があります。次に、位置を上と左の両方から 50% に設定し、最後に余白を要素サイズの半分に調整して、要素を考慮します。

#updating_results_divs_id {
    position: fixed;
    height: 200px;
    width: 400px;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -200px;
}
于 2012-08-09T07:10:31.607 に答える
0

jQuery BlockUIプラグインを使用できます。ここにいくつかのデモがあります。そこで使用されている CSS も確認できます。

また、 Dead Centerをご覧になることもできます。

于 2012-08-09T07:21:39.793 に答える
0

これは将来誰かを助けるかもしれないと思います：

function setToCenterOfParent( obj, parentObj ) {
    var height = $( obj ).height();
    var width = $( obj ).width();
    if ( parentObj == window ) {
        $( obj ).css( 'top', ( $( parentObj ).height() / 2 ) - ( height / 2 ) );
        $( obj ).css( 'left', ( $( parentObj ).width() / 2 ) - ( width / 2 ) );
    }
    else {
        $( obj ).css( 'top', ( $( parentObj ).height() / 2 ) - ( height / 2 ) + $( parentObj ).position().top );
        $( obj ).css( 'left', ( $( parentObj ).width() / 2 ) - ( width / 2 ) + $( parentObj ).position().left );
    }
}
于 2012-11-26T09:53:19.533 に答える