iOS 5 的 jquery mobile : scrolling to the bottom of the page. 问题

Question

我有一个在 jQM 1.0.1 中制作的移动聊天窗口。除了在 iOS 5 上出现新文本时滚动到底部(猜测是因为启用了 touchOverflow)之外，它对所有内容都适用。

我基本上有一个固定的页眉和页脚，以及一个内容 div，我将其附加()

标记，其中包含文本(来自对新行的定期轮询)。真的很简单。当我收到新文本时，我将其附加到 div 后执行以下操作:

  var contentDiv = $('.chatHistory', thisPage);
  contentDiv.trigger('updatelayout');

  $(document).scrollTop(10000000);
  //NOTE: $(window).scrollTop(10000000); works too

这可以很好地向下滚动(例如在 Android ICS 上)，以便新内容显示在页面底部。 (更新布局完成时会出现一些空白，但过了一会儿它就可以使用了)。在 iOS(至少 v5)上，我一辈子都无法让这种事情发挥作用。

我需要使用scrollView吗？ (如果可能的话，我想避免它，因此这适用于 JQM 支持的尽可能多的平台。)还有另一种使用 touchOverflow 滚动的方法吗？

谢谢!

Answer 1

我正在查看 JQM 1.2 的文档，$.mobile.silentScroll(1000000) 运气好吗？ http://jquerymobile.com/demos/1.2.0/docs/api/methods.html

我可能会建议:$.mobile.silentScroll($(document).height())

不确定是否所有浏览器都支持超过对象的高度。