I have the method, which when pressed on the button it shows the gif while the data is loaded. But if the user has the page that was loaded and tries to return, pressing the browser back button, this load gif appears and locks the navigation.
I noticed that when pressing back it gets the # in the address, Ex: link If you remove the old game loads.
function trytoredirect() {
$('.divLoading').show();
setTimeout(redirect, 30000);
}
.Panel-Loading-BG {
height: 100%;
width: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 8010;
background: url('https://i.stack.imgur.com/C2Llo.png')
}
#Panel-Loading {
background-image: url('https://i.stack.imgur.com/3v2ca.png');
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060
}
#Panel-Loading div {
width: 44px;
height: 44px;
background: url('https://i.stack.imgur.com/PICdE.gif');
<div class="divLoading" style="display:none">
<div class="Panel-Loading-BG"></div>
<div id="Panel-Loading">
<div>
</div>
</div>
</div>