2016-04-16 18 views
0

ポップアップが表示されるようにスクロールを無効にしようとしています。私は次のコードを使用しています:スクロールを無効にすることはできますが、同じスクロール位置に留まるには

私はこれらのスタイルを適用すると、私は自分のページの上部に行きます。私はスクロールを防止したいが、同じ位置に留まる。これは、サインアップポップアップ用です。だから、私は、ユーザーがバックグラウンドでサインアップしたかったものを見ることができるようにしたい。 アイデア?

+0

可能な複製を探しているxとyの可能性があり

window.scrollTop

window.scrollLeft

?](http://stackoverflow.com/questions/4770025/how-to-disable-scrolling-temporarily) – noahnu

+0

@noahnu私はすでにその質問をチェックしました。スクロールが無効にされた後のスクロール位置は気にしません。 –

+0

https://jsfiddle.net/b3nnua92/ – noahnu

答えて

0

あなたは体にoverflow: hidden;を使用する必要があり、高さと幅にポップアップ100%を作るための最も単純な方法は、ポップアップラッパーにposition: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000 Zインデックスを与えることですあなたが選択するためである(そのポップアップは他のコンテナによって重ねたことはありません)。スクロールが隠されているが、あなたはあなたが対話このように歌う開く前に、スクロール位置を取得することができ、

window.scrollTo(0, 0); 

のようなものを必要な場所

0

、あなたはスクロールを設定するwindow.scrollToは()関数を使用することができます。あなたは一時的にスクロールを無効にする[方法の

+0

x座標とy座標はどうやって取得できますか?こうすることで、ポップアップの前に 'x'と' y'の2つの変数を作成し、 'window.scrollTo(x、y)'を実行することができます –

+0

可能な解決策を見つけるために私の編集を見てください – Jorge

関連する問題