javascript - A div , but not the body, scroll to a specific element using jquery -

there div "playlist" has scrollbar , , there several div of id "playlist_item" inside 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> 

and there scrollto function,

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

but works on whole body , how change target on playlist? have changed selector "#playlist" not work.

thanks

it works selector #playlist.

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

please @ fiddle