jquery - 如何自动滚动到 jquery mobile 中 pageshow 上 ListView 的底部

Question

我的页面“内容”中唯一的东西是 ListView 。在 pageshow 上，我希望它自动滚动到列表底部。我该如何实现这一目标。如果这很重要的话，我不知道我的列表中有多少li。

Answer 1

检索 listview :last-child 的 .offset().top。

1. 解决方案一:

   使用 .animate() 和 scrollTop 选项。

   $(document).on("pagecontainershow", function () {
     var last_li = $("ul li:last-child").offset().top;
     $("body").animate({
       scrollTop: last_li
     }, 1000); /* increase / decrease animation speed */
   });
   

   Demo

2. 解决方案二:

   使用$.mobile.silentScroll()特殊功能。

   $(document).on("pagecontainershow", function () {
     var last_li = $("ul li:last-child").offset().top;
     setTimeout(function () {
       $.mobile.silentScroll(last_li);
     }, 50); /* increase / decrease delay */
   });
   

   Demo

<小时/>

Note that pageshow event is deprecated as of jQM 1.4 and will be removed in jQM 1.5. Its' replacement is pagecontainershow.