div，但不是body，使用jquery滚动到特定元素

Question

有一个div“播放列表”有一个滚动条，在该div中有几个id“playlist_item”div。

<div id="playlist" style="overflow-y:auto; height:100px;">
<div id="playlist_item_1"></div>
<div id="playlist_item_2"></div>
<div id="playlist_item_3"></div>
<div id="playlist_item_4"></div>
<div id="playlist_item_5"></div>
<div id="playlist_item_6"></div>
</div>

还有一个scrollTo函数，

$('html, body').animate({scrollTop: $('#playlist_item_5').offset().top}, 1000);

但它只适用于整个身体，如何更改目标播放列表？我已将选择器更改为“#playlist”，但它不起作用。

由于

Answer 1

它适用于选择器#playlist。

$('#playlist').animate({scrollTop: $('#playlist_item_5').offset().top}, 1000)

请查看 Fiddle