本周做项目时,实现页面内容滚动的一个功能时,

发现在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
浏览器窗口状态监听
本文介绍了一个在开发过程中遇到的问题:浏览器窗口最小化后再最大化时页面滚动条错位的现象。文中详细探讨了如何使用Page Visibility API来监听不同浏览器(如IE、Firefox、Chrome)窗口的状态变化,并提供了具体的代码示例。
378

被折叠的 条评论
为什么被折叠?



