溢出隐藏在使用粒子的ios设备中不起作用

时间:2012-09-30 06:18:29

标签: javascript ios css overflow particles

我有一个非常简单的着陆页,背景中有一些动画粒子是小图像。似乎在典型的浏览器中工作正常,但是当在任何移动ios平台(iphone / ipad等)上时,粒子似乎会导致视图不断调整大小,因为它们浮动到页面的边界...我认为溢出隐藏会阻止这种情况。 .. 我对此感到茫然...

以下是网站:www.test.joshmu.com

显然你必须在ios设备上查看这个,才能看到我正在谈论的屏幕'抖动'。任何帮助都会非常感激!

-Update:我用于身体的一些JS代码在普通浏览器上运行良好

//set up the page
var W = window.innerWidth;
var H = window.innerHeight;
var bodyStyle = document.body.style;
bodyStyle.backgroundColor = 'rgba(2,34,63,1)';
bodyStyle.width = W;
bodyStyle.height = H;
bodyStyle.position = 'relative';
bodyStyle.top = '0px';
bodyStyle.left = '0px';
bodyStyle.margin = '0px';
bodyStyle.padding = '0px';
bodyStyle.overflow = "hidden";

我还应该补充一点,当我在console.log中调用window.onresize事件时,事实证明它是从ios平台查看时不断触发的。

0 个答案:

没有答案