Hi, ive been using a script that displays a div prior to going to the next page. I just noticed ( at the last minute), when i use the browser back button, its fails on some devices/browsers…it still shows the overlay div.
Pc (chrome), andriod (chrome), macbook (chrome) - fine
Ipad (chrome/safari), macbook (safari) - fail
CSS
#fdiv{width:100%; height: 100%; background-color: #ffffff; position:fixed;z-index:1000;}
JS
$('#fdiv').hide();
$('.imc a').click(function(){
var href= $(this).attr('href');
// do animation
$('#fdiv').fadeIn( 800, function(){
// go to link when animation completes
window.location=href;
})
Has anyone else come across this problem and Is there a solution that works across modern browsers/devices?
Thanks in advance