要素の位置を固定して固定した後にスクロール位置を戻します。

Question

JSBinにはページと機能スライディングナビゲーションがあります。間違っているのは、サイドナビゲーションを開いたときにスクロール位置をリセットすることだけです。 jqueryのクリックイベントを使用してナビゲーションを切り替え、ページを横に移動します。ページを移動すると、固定された位置が設定され、200ピクセルを超えて移動します。私はjqueryを使用して、navが切り替えられる前にスクロール位置を記録しようとしましたが、固定されていないときに戻すように設定しましたが、他の例を使用しようとすると動作しません。私のスクリプトに何か問題があるかどうかは分かりません。あるいは、別の方法でCSSを使うこともできます。

JSBinは、私は、HTML、CSS、JS、または回答でjqueryのが、何も導入しないしたいと思いますhere

です。

Answer 1

これが私の仕事：

Javascriptを：

$('.c-hamburger').click(function(){ 
    if($('.nav').css('width') == '0px'){ 
     $('.nav').css('width', '200px'); 
     $('.body').css('margin-left', '200px'); 
    }else{ 
     $('.nav').css('width', '0px'); 
     $('.body').css('margin-left', '0px'); 
    } 
}); 

CSS：

.nav{ 
    width: 0px; 
    transition: width 0.5s; 
    overflow: hidden; 
} 
.body{ 
    transition: margin-left 0.5s; 
} 
center{ 
    min-width: 200px; 
}