Jquery: Scroll to last <li>

jquery jquery-animate offset scrolltop
floatleft picture floatleft · Dec 1, 2011 · Viewed 12.5k times · Source

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?

Answer

Kai Qing picture Kai Qing · Dec 1, 2011

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?

Related questions

Accounting for a fixed header with animate.scrolltop and (target).offset().top;

This should be a pretty basic question, but i've thrown most of my morning at it, and at this point I'm close to throwing in the towel. I have not even a little bit of js foo -- but I …

Read More
jQuery .scrollTop(); + animation

I set the page to scroll to top when a button is clicked. But first I used an if statement to see if the top of the page was not set to 0. Then if it's not 0 I animate the page …

Read More
jQuery animate backgroundColor

I am trying to animate a change in backgroundColor using jQuery on mouseover. I have checked some example and I seem to have it right, it works with other properties like fontSize, but with backgroundColor I get and "Invalid Property" …

Read More