Jquery scroll left, div not body?

Question

jquery 가로 스크롤러가 있습니다. 목록을 옮기고 싶을뿐, 전 체 움직임이 유일한 것입니다. 어떻게 변경합니까?

$("ul#page_nav li").click(function(){ 
    var panel_id = $(this).attr('id'); 
    $('html, body').animate({ scrollLeft: $('ul#page_content li#'+panel_id).position().left }, 900, 'easeInOutExpo'); 
}); 

<ul id="page_nav"> 
    <li id="one">1</li> 
    <li id="two">2</li> 
    <li id="three">3</li> 
    <li id="four">4</li> 
</ul> 

<ul id="page_content"> 
    <li id="one">one</li> 
    <li id="two">two</li> 
    <li id="three">three</li> 
    <li id="four">four</li> 
</ul> 

Answer 1

 

$("ul#page_nav li").click(function(){ 
    var panel_id = $(this).attr('id'); 
    $('ul#page_nav').animate({ scrollLeft: $('ul#page_content li#'+panel_id).position().left }, 900, 'easeInOutExpo'); 
});