本周做项目时,实现页面内容滚动的一个功能时,
发现在chrome与FF浏览器最小化后,当再次最大化时,滚动出现错位的现象。鉴于此,就去查了下http://html5test.com/
中是否有相关的支持,
下面列下各个浏览器化如何来监听最小化与最大化的相关code
//IE
if(document.addEventListener){
document.addEventListener('msvisibilitychange',function(){
console.log(document.msVisibilityState);
});
//FF
if(document.addEventListener){
document.addEventListener('mozvisibilitychange',function(){
console.log(document.mozVisibilityState);
});
//chromeif(document.addEventListener){
document.addEventListener('webkitvisibilitychange',function(){
console.log(document.webkitVisibilityState);
});
}
参考:https://developer.mozilla.org/en/DOM/Using_the_Page_Visibility_API