Jquery向左滚动,div不是身体?

时间:2012-01-18 12:19:32

标签: jquery

我有一个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>

1 个答案:

答案 0 :(得分:2)


$("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');
});