如果向下滚动，您会在页脚下找到一个登录按钮。如果单击它，登录将显示在屏幕底部。
我使用相对于页面底部的负固定位置来完成此操作。这适用于所有浏览器，适用于iPad和iPhone等移动设备。登录栏出现在屏幕中间。
iPhone上的屏幕截图： http://img844.imageshack.us/i/photoe.png/
有没有人知道这方面的工作？
答案 0 :(得分：2)
发生这种情况的原因是iOS浏览器使用在窗口周围移动的视口，这意味着固定位置相对于窗口而不是视口是固定的。您需要通过检查当前视口位置来使用JavaScript定位它。
答案 1 :(得分：0)
将位置设为绝对;并添加：
$(window).scroll(function()
{
$('#loginwindow').animate({top: $(document).scrollTop()}, 300);
});
答案 2 :(得分：-1)
试试这个解决方案。我还没试过，但它应该有效：
//由于移动webkit中的视口/页面错误，如果我们在iPad / iPhone上，请将页脚粘贴在页面底部
if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod')
{
$("#footer").css("position", "static");
};