我有一个使用的移动网站
<meta name = "viewport" content = "width = 320">
<meta content='width = 320; initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
设置网站的宽度以适应并禁止人们放大。
现在我还有 2 个 div,其中 1 个是可见的,当用手指向左滑动时,第二个应该滑入。我为此使用的 javascript 类似于
var a = 320;
var speed = 10;
function slide(from, to) {
if (a > 0) {
from.style.display = "block";
to.style.display = "block";
a = a + speed;
from.style.left = (a - 320) + "px";
to.style.left = a + "px";
setTimeout('slide("' + from + '", "' + to + '");', 10);
} else {
a = 0;
from.style.display = "none";
to.style.display = "block";
}
}
这确实有效,但对于某些设备,当您第一次运行此命令时,网站的比例首先会重置为正常,然后返回到设置的 320px 宽度,从而使网站上的其他一些 div 无缘无故地不可见。
有谁知道为什么会发生这种情况以及如何解决这个问题。 (我确信它具有重新缩放功能的手机是三星 Galaxy 的名牌)
谢谢
梅林登霍廷
最佳答案
您可以使用 jQuery animate 函数来完成此操作,如下所示:
block 引用>slide div1 in
$( "#div1" ).animate({ left: 0px; }, 1500 );
block 引用>slide div2 out
$( "#div2" ).animate({ left: -320px; }, 1500 );
关于设置div左侧时Javascript重新缩放移动网页,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19748836/