如何滚动到ul的底部？

Question

我使用PhoneGap开发了一个应用程序。在我的应用程序中，我使用ui li在列表视图中显示了许多元素。在这里，我想滚动到列表中的最后一个元素。为此，我使用了以下代码，

$('#dates li').last().addClass('active-li').focus();
$('#dates li').last().focus();

我也使用过这个，

$('#dates').scrollTop($('#dates li:nth-child(14)').position().top);;

额外的课程正在增加，但重点不起作用。

Answer 1

添加tabindex属性：

<li tabindex="1"></li>

http://jsfiddle.net/DerekL/GEsmb/

因为您无法专注于li。它不是文本字段或按钮或类似的东西。

Answer 2

您可以使用此代码：

$(document).ready(function(){
    $('body').scrollTop($('ul li').last().position().top + $('ul li').last().height());
});

小提琴：http://jsfiddle.net/praveenscience/GEsmb/1/

Answer 3

尝试scrollTop：

$('#dates').scrollTop($('#dates').height())

或：

$('#dates').scrollTop($('#dates')[0].scrollHeight);

如果您的列表包含大量内容。