2009-08-18 18 views
16

モデルボックスのjQueryプラグインを開発しています。いくつかのウィンドウプロパティを取得する方法を知る必要があります。ドキュメント本体に対する現在のウィンドウの位置の先頭を取得

ボックスとそのシェーダのdivはページの上にフェードアウトし、シェーダのdivはウィンドウだけでなく、完全なボディをカバーします(水平スクロールバーを持つページでは重要です)。モデルdivがフェードインすると、ウィンドウに基づいて水平方向と垂直方向の中心に位置します。ただし、ユーザーがページをいくつかスクロールした場合(ウィンドウサイズのみに基づいてボックスがページの上部に表示されます)、これは機能しません。

ボディを基準にウィンドウの上端と左端を取得する方法はありますか?
たとえば、ユーザーがページをスクロールしてモデルボックスを開くために何かをクリックした場合、ウィンドウの上部が本体の上から下にあるピクセル数を取得するにはどうすればよいですか。

答えて

30

を探していると思う:あなたが行うことができます

document.documentElement.scrollTop || document.body.scrollTop; 
document.documentElement.scrollLeft || document.body.scrollLeft; 
14

私は質問を誤解していない限り、私はあなただけ。これはそれを行う必要があります

$(window).scrollTop() 
+0

ありがとう、jQueryがそれを得るためのCSS関数を持っていたことを知りませんでした。(なぜドキュメントを徹底的にチェックする必要があるのですか) –

0

をオーバーレイするために

.ModalOverlay 
{ 
    position:fixed; 
    top:0; 
    left:0; 
    width:100%; 
    height:100%; 
} 

それを表示したり隠したりするだけです。

+0

オーバーレイは問題ではなく、ブラウザウィンドウの実際のモデルボックスをセンタリングしていました。オーバーレイとモデルボックスは2つの別々のdivです。モデルボックスはオーバーレイよりも1つ大きいzindexです。 –

関連する問題