首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >移动chrome在滚动时触发调整大小事件

移动chrome在滚动时触发调整大小事件
EN

Stack Overflow用户
提问于 2013-06-27 03:24:09
回答 7查看 44K关注 0票数 88

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

你知道为什么会发生这种事吗?

EN

回答 7

Stack Overflow用户

回答已采纳

发布于 2015-01-15 23:05:56

出于好奇心,我试着重现它,如果我没记错的话,这是由导航铬条引起的。

当你向下滚动并隐藏浏览器导航栏时,它会产生一个窗口大小调整,但这是正确的,因为在那之后,由于浏览器导航栏留下的空闲空间,我们有了更大的窗口大小。

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

考虑使用CWitty answer来避免这种行为。

票数 54
EN

Stack Overflow用户

发布于 2013-06-27 03:29:30

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

代码语言:javascript
复制
var width = $(window).width(), height = $(window).height();

然后,在您的resize事件处理程序中,您可以这样做。

代码语言:javascript
复制
if($(window).width() != width || $(window).height() != height){
  //Do something
}

我不知道您的函数的范围和所有这些,但您应该从中得到要点。

票数 78
EN

Stack Overflow用户

发布于 2014-12-21 15:55:17

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

代码语言:javascript
复制
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
    }
}	

票数 5
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17328742

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档