使用浮动div滚动到特定的li

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.

Answer 1

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 !!