1

非常に長いページの表示可能領域に div を垂直方向に中央揃えしようとしています。この場合、ページの真の垂直方向の中心は、ユーザーの表示可能領域よりもかなり上にあります。

ユーザーがクリックするリンクの scrollTop() の長さを数式に追加しましたが、これは役立ちますが、表示可能な領域の中央の上に div を配置します。

コードの抜粋:

$('.' + layer).css({
    display:'block',
    left:( $(window).width() - $('.' + layer).width() )/2,
    top:( $(this).scrollTop() + $(window).height() - $('.' + layer).height() )/2 -20,
    position:'absolute'
});
4

1 に答える 1

1

多分あなたはCSSソリューションが必要ですか?

DIV の高さ = H の場合、css は次のようになります。

div{ position:fixed; left:0; top:50%; margin-top:(-0.5 * H) }
于 2012-04-05T03:55:06.073 に答える