固定位置工具栏iOS Web应用程序

Question

我正在开发一个css应用程序，急需一个javascript来替代<5个iOS设备的HTML5 'position:fixed‘。

我偶然发现了谷歌的一篇文章，在这里解释了他们对GMail移动web应用程序的方法：http://code.google.com/mobile/articles/webapp_fixed_ui.html

与许多类似的javascript库一样，这应该利用触摸事件和webkit转换来在容器中移动div，给人一种本机滚动的错觉，并为固定的(实际上是绝对的)工具栏留出空间。

我曾尝试实现这个javascript类，但几乎没有成功……

目前，我遇到了这个错误：

"TypeError: 'undefined' is not an object (evaluating 'this.element.style.webkitTransform = 'translate3d(0, ' + offsetY + 'px, 0)'')"

我通过一个console.log来确保在这一点上，'this.element‘实际上是一个元素。我正确地通过了滚动条div。

我已经在iOS模拟器和Mac上进行了测试，也检查了GMail的移动站点，以确保它们也能正常工作-它们确实能正常工作(尽管我不能保证这确实是他们使用的相同方法)。

我是不是漏掉了什么明显的东西？一些微妙的东西？任何线索都将不胜感激。

Answer 1

jQuery移动版不支持真正的固定页眉/页脚；当您滚动时，它们会消失，当您完成滚动时，它们会重新出现。

Answer 2

jQuery Mobile不仅提供了一组漂亮的跨浏览器的小部件，而且还提供了一种fixed positioned toolbars机制。

Answer 3

JQmobi做了一件很棒的事情：http://jqmobi.com/testdrive/