javascript 如何滚动到 ul 的底部？

How to scroll to bottom of the ul?

提问by SuReSh PaTi

I have developed one application using PhoneGap. In my application I have displayed a number of elements in a listview using uili. Here I want to scroll to the last element in list. For that i have used following code,

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

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

I have used this one also,

我也用过这个，

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

extra class is adding but focus is not working.

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

回答by u283863

Add the tabindexattribute:

添加tabindex属性：

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

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

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

Because you can not focus on li. It's not a text field or button or something like that.

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

回答by Praveen Kumar Purushothaman

You can use this code:

您可以使用此代码：

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

Fiddle: http://jsfiddle.net/praveenscience/GEsmb/1/

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

回答by Eli

Try scrollTop:

尝试滚动顶部：

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

or:

或者：

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

if your list has lots of content.

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