滚动时移动镀铬火灾调整大小事件

Question

我正在使用galaxy s4,android 4.2.2上的chrome移动浏览器,出于某种原因,每当我向下滚动页面时,它都会触发一个通过jquery.cycle2幻灯片放映图像验证的resize事件.

知道为什么会这样吗？

Answer 1

这听起来很奇怪,但我在其他浏览器中看到过它.你可以像这样解决这个问题.

var width = $(window).width(), height = $(window).height();

然后在你的resize事件处理程序中你可以做.

if($(window).width() != width || $(window).height() != height){
  //Do something
}

我不知道你的功能范围和所有这些,但你应该从中得到这个问题.

Answer 2

只是出于好奇,我试图重现它,如果我是正确的,这是由导航铬条引起的.

当您向下滚动并且chrome隐藏浏览器导航栏时,它会生成一个窗口调整大小,但这是正确的,因为之后我们有一个更大的窗口大小,因为浏览器导航栏已经离开了可用空间.

相关artcile:https://developers.google.com/web/updates/2016/12/url-bar-resizing

问候!

Answer 3

我不知道它是否仍然有趣，但我的解决方案是:)

var document_width, document_height;

$(document).ready(function()
{
	document_width=$(document).width(); document_height=$(document).height();
    // Do something
}

$(window).resize(function()
{
    if(document_width!=$(document).width() || document_height!=$(document).height()) 
    {
        document_width=$(document).width(); document_height=$(document).height();
        // Do something
    }
}