因此，我正在开发一个应该是移动友好的网站。该版本的网站设计的看起来更像iPhone应用程序，因此屏幕底部有一个栏杆http://snpr.cm/kaU9DM.jpg，它需要保持静止。我之前做过这样的事情，简而言之，只要用户滚动，使用$（window）.scroll（）函数重新定位栏。使用移动Safari浏览器，只有用户完成滚动时才会触发此功能，但效果并不理想。我尝试过使用touchstart，touchmove & touchend绑定，但它们也不能很好地工作。
有什么建议吗？
这是一个已知问题。您必须接受该工具栏将被延迟。许多网站赋予这些工具栏更“浮动”/独立的感觉，并期待与此行为相匹配。
或者您可以使用meta标签设置屏幕尺寸的页面尺寸。然后把你的内容放在滚动div下面的工具栏中。因此，当用户滚动页面时，实际上停留在原地，但占用底部栏空间以外的所有屏幕的div实际上是滚动的。这似乎是大多数人解决这个问题的方式。然而，更加困难的是，你不能只将溢出的div设置为在CSS中滚动，你需要使用类似于iscroll的东西，否则用户将不得不使用2个手指滚动（如果他们意识到他们必须使用2个手指）
在ios5中，将元素的CSS位置属性设置为固定，现在以有意义的方式工作，因此如果您不介意将iTouch 1st和2nd Gen以及iPhone原始版和iPhone 3G用户留在您身后可以使用这个。另外ios5允许用户使用一根手指滚动元素而无需任何额外的功能。
