如何滚动到ul的底部？答案

【问题标题】：How to scroll to bottom of the ul?如何滚动到ul的底部？
【发布时间】：2013-04-02 05:57:32
【问题描述】：

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

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

这个我也用过

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

正在添加额外的类，但焦点不起作用。

【问题讨论】：

【解决方案1】：

添加tabindex属性：

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

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

【讨论】：

【解决方案2】：

您可以使用此代码：

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

【讨论】：

【解决方案3】：

试试scrollTop:

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

或：

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

如果您的列表有很多内容。

【讨论】：