【发布时间】:2011-11-30 18:31:46
【问题描述】:
任何人都遇到过页面在转换前快速跳转到顶部的问题(使固定位置的标题在页面的中途看起来丢失了)?
返回页面时,页面最终位于顶部,但由于我正在处理一长串列表,最好将其留在我在上一页中离开的位置。
我使用的是页内 div,而不是实际的单独页面,如果这可能有助于它的话。
感谢任何提示!
【问题讨论】:
标签: jquery mobile jquery-mobile
任何人都遇到过页面在转换前快速跳转到顶部的问题(使固定位置的标题在页面的中途看起来丢失了)?
返回页面时,页面最终位于顶部,但由于我正在处理一长串列表,最好将其留在我在上一页中离开的位置。
我使用的是页内 div,而不是实际的单独页面,如果这可能有助于它的话。
感谢任何提示!
【问题讨论】:
标签: jquery mobile jquery-mobile
使用 $.mobile.defaultHomeScroll = 0。
【讨论】:
这是一个已知问题,可能会在 jQuery Mobile 1.1 中进行重构。问题在于,要为到另一个页面的过渡设置动画,viewport 必须位于页面顶部,以便当前页面和过渡进入的页面垂直排列。
如果您在一页(比如1000px)上的一个长列表中途而您要转移到的页面只有几百像素高,那么当前页面将正确地在屏幕上显示动画,但新页面将不可见,因为它会在视口上方。
我通过将iScroll 用于我的滚动区域来解决此问题。这样所有页面都占据视口的 100% 宽度/高度,并且不会发生滚动到顶部之前的转换。
【讨论】:
我们已经多次遇到这种情况。我们的解决方案是确保所有页面都与屏幕高度一致。如果您的内容比屏幕长,那么它会进入可滚动的 DIV 容器中。如果您的目标是 iOS 4 及更低版本,您将需要像 iScroll 这样的库来使 DIV 可滚动为溢出:滚动(或自动)无法正常工作。 完成此操作后,您可以在页面之间平滑过渡。
【讨论】: