Jquery: Scroll to last

Question

I'm using the following to scroll to the last <li> in an unordered list:

$("html,body").animate({scrollTop: $('ul#cart-items li').offset().top});

How can I change this to scroll to the last <li> in the unordered list, but also offset it about 30px from the top?

score 11 · Accepted Answer · answered Dec 01 '11 at 00:02

11

Have you tried this:

$("html,body").animate({scrollTop: $('ul#cart-items li:last').offset().top - 30});

but + or - the 30 at the end to achieve your desired offset?

answered Dec 01 '11 at 00:02

Kai Qing

For some reason the `li:last` isn't producing any results. Tested in Webkit and Firefox – floatleft Dec 01 '11 at 00:11
My mistake, I needed to specify `li.item:last` as there are more `li` within the cart-items. – floatleft Dec 01 '11 at 00:51

score 1 · Answer 2 · answered Dec 01 '11 at 00:02

1

$("html,body").animate({scrollTop: $('ul#cart-items li:last').offset().top+30});

Here it is..

answered Dec 01 '11 at 00:02

Tolga Arican

2 Answers2