微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – 如何在IE8标准模式下检测窗口是否真的调整大小?

我的网站有许多样式表,可根据不同的屏幕宽度进行定制.在调整浏览器大小时,window.onresize事件会通过查看document.documentElement.clientWidth来检查实际调整大小.如果是这样,它会连续打开更大的样式表,直到出现滚动条.然后,它以相反的顺序关闭它们,直到滚动条消失.通过将offsetWidth与scrollWidth进行比较来检测滚动条.

在IE8中,两个新问题混淆了调整大小的检测.一,onresize会在滚动条出现或消失时触发,而两个d.dE.clientWidth报告宽度没有滚动条,从IE7和所有其他浏览器中断.我的网站现在经常被困在一个循环中,其中onresize逻辑激活一个更大的样式表,它创建滚动条,然后触发另一个无法过滤掉的resize事件,因为clientWidth由于滚动条出现或消失而发生了变化.如果IE8有像我可以检查的outerWidth之类的东西,这将是一个微不足道的修复.

最佳答案
由于我从未在任何浏览器中处理滚动条生成触发onresize,我没有意识到检查d.dE.clientWidth不是一个好的验证,事实上从来没有包括滚动条.我现在检查d.dE.offsetWidth,并过滤掉重复的onresize事件.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐