javascript - 如何滚动到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);;

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

score 9 · Accepted Answer

添加tabindex属性：

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

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

score 5 · Accepted Answer

您可以使用以下代码：

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

score 1 · Accepted Answer

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

或者：

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

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

3 回答 3