カスタムフルスクリーンでスクロール位置がリセットされないようにするにはどうすればよいですか？

Question

私は、しかし

.full-screen { 
    z-index: 9999; 
    width: 100%; 
    height: 100%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    background-color: white; 
    margin: 0; 
    padding: 0; 
} 

（下記参照）のFacebookと同様の情報を表示するカードを搭載したWebページを作成し、私はフルスクリーンをエミュレートし、CSSを使用するようにクラスを変更することにより、「フルスクリーン」のカスタムを追加していますカードが「フルスクリーン」モードになっているときに、ページがオーバーフローしていないため、バックグラウンド・コンテナにスクロールが表示されなくなりました。だから私はカードを通常のサイズにすると、スクロールが一番上にリセットされます。とにかくこれを防ぐことができますか？

Answer 1

.scrollTopプロパティを使用すると、カードをフルスクリーンに設定する前にスクロール位置を取得し、その値を使用してカードを通常のサイズに戻した後にscollTopプロパティを設定します。

var top = 0; 
function getScrollPosition(){ //call this function before setting card to fullscreen 
    top = document.getElementById("container").scrollTop;//make sure you give the background container an id 
} 
function setScrollPosition(){ //call this function after returning card to normal size 
    document.getElementById("container").scrollTop = top; 
}