更改元素位置固定和未固定后设置滚动位置

Question

我有一个带有页面的JSBin和一个功能性滑动导航。唯一不对的是它在我打开侧面导航时重置滚动位置。我使用jquery click事件来切换导航并将页面移到一边。当它移动页面时，它将位置固定，并将其移动超过200像素。我试图在导航切换之前使用jquery记录滚动位置，并在未修复导航时将其设置回来，但在尝试使用其他示例后，它们将无法工作。我不知道我的脚本是否有问题，或者我可以用另一种方式使用css。

JSBin是here

我想在答案中不介绍除html，css，js或jquery之外的任何内容。

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;
}