侧边栏隐藏在手机中滚动

Question

我有一个网站，左侧边栏的宽度小于768px。 在小于768px时，它绝对位于左侧： - 230px，因此它不可见。 OnClick - left：0px - 然后出现侧边栏。 在我的计算机上的浏览器中，一切都运行顺畅。但是当你在手机上打开页面并尝试向下滚动时侧边栏打开它会消失，我无法弄清楚原因。

这是该网站的实时样本： http://ostapenko-photo.com/e-dinar/

这是我用来显示侧边栏的jquery：

$('#sidebarMobileButton').click(function() {
      if($('#sidebar').css('left') == '0px'){
        $("#sidebar").css('left', "-230px");
          $('#sidebarMobileButton').removeClass( "fa-angle-double-left" ).addClass( "fa-angle-double-right" );
      } else {    
          $("#sidebar").css('left', "0px");
          $('#sidebarMobileButton').removeClass( "fa-angle-double-right" ).addClass( "fa-angle-double-left" );  
      }
    });