我有一个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>
答案 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');
});