Mobile - scroll event removes z-index
<p>I have a strange bug, which is happening on android and ios browsers (all of them).</p>

<p>Menu is hidden, and user can show the menu with a click on a button. When the user scroll the page, the menu is gone, hidden, removed. I really don't know :/.</p>

<p>This is the css for the menu:</p>

<pre><code>.right-sidebar {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 100 !important;
    display: none;
    width: 50%;
    background: white;
  }
</code></pre>

<p>This is js for showing/hiding menu:</p>

<pre><code>$('.action-bar').on('click', function(){
        $('.right-sidebar').toggle('fast');
        $(this).find('span').toggleClass('glyphicon-minus');

         checkSidbars($(this));
    });
</code></pre>

<p>What is going on here?</p>