iPhone＆iPad位置：固定底部问题

http://t1.kameleo.ch/iPhone＆iPad位置：固定底部问题

如果向下滚动，您会在页脚下找到登录按钮。如果单击它，登录将出现在屏幕的底部。

我已经做了相对于页面底部的负的固定位置。这适用于所有浏览器，适用于iPad和iPhone等移动设备。登录栏出现在屏幕中间。

截图在iPhone上： http://img844.imageshack.us/i/photoe.png/

有谁知道这周围的工作？

来源

2010-08-04 meo

发生这种情况的原因是，iOS浏览器使用一个在窗口周围移动的视口，这意味着固定的位置对于窗口而言是固定的，而不是视口。您需要通过检查当前视口的位置来使用JavaScript进行定位。

来源

2010-08-04 11:27:37

你能告诉我一个例子吗？我的观点并不多。这看起来如何？ – meo 2010-08-04 11:28:36

我发现这个纯粹的CSS解决方案，适用于我：http://matthewjamestaylor.com/blog/keeping-footers-at-the-bottom-of-the-page – meo 2010-08-04 12:42:24

上面的CSS解决方案不起作用。 – 2012-02-16 22:06:31

试试这个解决方案。我没有尝试还没有，但它应该工作：

//坚持页脚在页面的底部，如果我们在iPad/iPhone由于移动WebKit的视/页错误

if(navigator.platform == 'iPad' || navigator.platform == 'iPhone' || navigator.platform == 'iPod') 
{ 
     $("#footer").css("position", "static"); 
};

来源

2011-05-03 16:46:35 ukando

将位置设置为绝对;并加上：

$(window).scroll(function() 
{ 
    $('#loginwindow').animate({top: $(document).scrollTop()}, 300); 
});

来源

2012-01-19 17:01:52 renatoluna

iPhone＆iPad位置：固定底部问题

回答

相关问题