scroll to particular li with floating div

Question

I have read this post: scrolling to li element - jquery, and used the jquery code, namely this.

var ul = $('ul.myul');
var li = $('li.item', ul)
ul.scrollTop(li.position().top);

The UL is on a div that is floated, and the UL has a set height, and overflow set to auto. The LI has padding and margin set.

The scroll code above is not working. The scroll is being set much further than the actual item. The offset is calculated incorrectly.

this answer might help: http://stackoverflow.com/questions/12087670/jquery-offset-top-doesnt-work-correctly/12087916#12087916 — Barlas Apaydin, Sep 25 '12 at 11:58
can you make a [JSFiddle](http://jsfiddle.net) with relevant HTML/CSS? — Viktor S., Sep 25 '12 at 11:59

score 2 · Answer 1 · answered Sep 25 '12 at 12:27

2

You ul has multiple list items thus the variable "li" has multiple li elements. Try this instead

var ul = $('ul.myul');
var li = $('li.item:eq(0)', ul);
ul.scrollTop(li.position().top);

Good Luck !!

answered Sep 25 '12 at 12:27

I appreciate you trying to help. Only one of the li elements has a class of .item, so this is not really applicable. I am going to investigate Barlas' comment and see if it's not a body property. – Jim Sep 25 '12 at 16:01

1 Answers1