最近我遇到了一件相当奇怪的事情,我不确定是不是我漏看了什么,但我无法理解为什么会发生这种情况。
我的网站上运行着以下jQuery代码片段:
$(window).resize(function(){
alert("Resize fired!");
});
当我在Android手机浏览器上访问该网站并简单地上下滚动网页时,我能看到警报。
Android浏览器的滚动条(会淡入淡出)覆盖了整个网站,似乎并不会导致窗口大小的改变,所以我猜测这个事件并不是由它们触发的。
有人知道为什么Android浏览器在滚动时会触发此事件吗?
任何信息将不胜感激。
编辑:
我尝试设置CSS为body,将overflow-y设置为scroll,以查看是否存在可行的解决方案,但在Android上仍然会在滚动时触发事件。
第二次编辑:
我在HTML中使用以下meta标签:
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
$(window).scroll
事件,并在滚动发生时设置$(window).resize(function(e) { e.stopPropagation(); }
。但我非常赞同您的观点,这很烦人,不应该需要解决方法。 - Klaas Leussink