JQuery: scroll to the end <li>

Question

I use 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 shift it about 30 pixels from the top?

Answer 1

Have you tried this:

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

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

Answer 2

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

Here it is..