我有一个div，我想将其定位在移动浏览器（Safari + Android）视口的底部。目前，我的div在Windows上的所有前五个浏览器（IE，FF，Saf，Chrome，Opera）中都固定在底部，但那是“浏览器窗口”，而不是“视口”。
在移动设备上（我只尝试过带Android 2.2的三星Galaxy Tab），div出现在页面底部，但是如果您捏/缩放以进行缩放，则固定的div不会跟随。它停留在视口外面。
我特别使用position:fixed和bottom:0 CSS属性来保持位置，正如我所说，在非触摸浏览器上运行良好。
我是否需要通过钩入touchmove事件并查看（a）缩放级别，（b）视口位置和（c）滚动位置来将div保持在我想要的位置（在视口底部）？
我使用JavaScript将div注入页面而不是使用内联CSS。好处是我不必担心怪癖模式（因为我只针对Webkit浏览器），所以这是一个积极的事情。
我无法设置doctype，使用内联CSS或内联DIV。一切都必须通过JavaScript动态添加。以下是我在测试中已经完成的内容：
在移动设备上（我只尝试过带Android 2.2的三星Galaxy Tab），div出现在页面底部，但是如果您捏/缩放以进行缩放，则固定的div不会跟随。它停留在视口外面。
我特别使用position:fixed和bottom:0 CSS属性来保持位置，正如我所说，在非触摸浏览器上运行良好。
我是否需要通过钩入touchmove事件并查看（a）缩放级别，（b）视口位置和（c）滚动位置来将div保持在我想要的位置（在视口底部）？
我使用JavaScript将div注入页面而不是使用内联CSS。好处是我不必担心怪癖模式（因为我只针对Webkit浏览器），所以这是一个积极的事情。
我无法设置doctype，使用内联CSS或内联DIV。一切都必须通过JavaScript动态添加。以下是我在测试中已经完成的内容：
var mydiv=document.createElement("div");
mydiv.style.position="fixed";
mydiv.style.bottom="0px";
mydiv.id="floater";
mydiv.style.width="400px";
mydiv.style.height="50px";
mydiv.style.backgroundColor="yellow";
if(document.body)document.body.appendChild(mydiv);
document.getElementById("floater").innerHTML="HELLO";