Position Absolute

移动WebKit固定位置问题

如果为WebKit开发移动Web应用程序时,您将缺少一件事,它是CSS固定位置。您无法在iPhone上有效地修复一个元素,移动设备无法使用JavaScript模拟它。问题很简单,但它没有完美的解决方案。

在您滚动窗口的移动设备上,不是网站

当您在移动设备上滚动时,您并不真正滚动该网站,实际上,如果您完全缩小,您将看到整个页面,您只能滚动网站周围的“窗口”。当你了解这个时,你的固定页脚梦想真的粉碎,除非你愿意使用复杂的方法..

Iscroll.

并且在你的方式找到你的任务 Iscroll 3.0.。这个小脚本创造了固定页脚的错觉,但性能价格相当高。它仿真滚动,但这并不像真实的东西,如果你认为你的用户会感觉到某些东西不是正确的,那就太大了。

在视频中查看Iscroll.

糕点套件

您可能还会发现Pastry套件,WebKit的Apple JavaScript框架,正在做得很好。我无法评论Apple如何复制它,他们可能使用复杂的数学方法来模拟滚动。真正吮吸Pastrykit的事情是苹果不是正式发布的(尚不重要),没有关于如何使用它的文档,似乎只在内部使用。

有关Pastykit的更多信息.

没有完美的解决方案

就个人而言,我没有看到自己实施这些解决方案。然而,我偶然发现了一个有趣的解决方案,让页脚在滚动时淡出,而淡化就会在停止时褪色。这并不完美,远离它(这是想知道为什么Apple没有在WebKit中实施某种东西......)。但我发现这是给我提供的最好的解决方案。

我正在为JQTouch Moible框架工作的插件,我可能会在几周内发布它。