iphone safari ブラウザバックでcss崩れ

Question

iphone safariでハンバーガーメニューから、jqueryでメニューを出して、ページ遷移後に
ブラウザバックで前のページに戻ると一瞬cssの落ちたメニューが表示されてしまいます。

ご教授ください。

$(window).on('load', function(){
    $('#sp-btn').on('click', function () {
        $(this).toggleClass('active');
		$('#global').toggleClass('active');
        return false;
    });

<div id="global">
        <ul class="other">
          <li><a href="#">ページ１</a></li>
          <li><a href="#">ページ２</a></li>
          <li><a href="#">ページ３</a></li>
        </ul>
    </div>

#global {
background-color: rgba(61,171,51,0.94);
    display: none;
    position: fixed;
    right: 0;
    top: 90px;
    bottom: 0;
    padding: 5%;
    z-index: 999;
    -webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
    overflow: auto;
    padding-top: 7%;
    width: 400px;
    margin-right: -500px;
    transition:ease-in-out .6s;
-moz-transition:ease-in-out .6s;
-webkit-transition:ease-in-out .6s;
-o-transition:ease-in-out .6s;
-ms-transition:ease-in-out .6s;
}

#global.active {
    margin-right: 0px;
    display: block;
}