現在の画面上部にdivを配置する

Question

ボタンを押すと、現在の画面位置の上にフルスクリーンdiv（折りたたみ可能なブートストラップ）を配置したいと考えています。このボタンはページの中央にあるので、ユーザーがページをスクロールしたので、ドキュメントの現在のトップページを知る必要があります。

マイCSS：

#overlayThema{ 
    position:absolute; 
    background-color: silver; 
} 

私のHTMLは次のようになります。

<!-- fullscreen div: --> 
<div class="collapse" id="overlayThema"> 
    some content 
</div> 

<!-- button which triggers the collapsable item: --> 
<button id="poiThema" class="btn btn-default " data-toggle="collapse" data-target="#overlayThema"><?php echo $themaNaam; ?></button><br /> 

私のjQuery（ちょうど終了bodyタグの前）：

<script> 
$(document).ready(function(){ 
    var screenTop = $(document).scrollTop(); 
    $('#overlayThema').css('top', screenTop); 
}); 
</script> 

これは、残念ながら、ありませんうまくいかない。私はJQueryスクリプトからコンソールに 'トップ'変数を出力すると、私は 'ウィンドウオブジェクト'の値を取得します。整数ではありません。 私は多くの人を魅了しました。私はこれがうまくいくと思った。私はここで間違って何をしていますか？ `の代わりにjQueryを使用して、固定：

Answer 1

はあなたが後にあるものを達成するための最良の方法は、jQueryを使ってシンプルなアイデア:)