如何scrollLeft onclick div內的div

Question

我有一個容器div，其寬度，高度和溢出設置爲滾動。在那個div裏面是我可以滾動的另一個內容div。我想添加導航元素，自動滾動到確定點（以像素爲單位）。我目前正在使用Jquery，但沒有到任何地方。任何幫助都是極好的！

這是我的HTML

<button class="scrollto" style="position:fixed; top:100px;left:200px; width:150px; height:50px; z-index:3;">purple_lamp</button> 

<div id="container" > 
    <div id="main_content"> 
    <img id="urban_chic" src="images/bg.jpg" /> 
    <img id="purple_lamp" src="images/purple_lamp.png" data-stellar-ratio="1.5"/> 
    <img id="sofa" src="images/sofa.png" data-stellar-ratio="1.5"/> 
    <img id="wall_clock" src="images/jacobs_wall_clock.png" data-stellar-ratio="1.5"/> 
    <img id="yellow_shoe" src="images/yellow_shoe.png" data-stellar-ratio="1.5" /> 
    <img id="intro" src="images/intro.jpg" /> 
    </div> 
</div> 

這是我的CSS

#container{ 
    height:768px; 
    width:1024px; 
    position:absolute; 
    overflow:scroll; 
} 

#main_content{ 
    height:768px; 
    width: 5454px; 
    position:absolute; 
} 

而我的JS

$('.scrollto').click(function() { 
    $('#container').animate({ scrollRight: '+=500' }, 1000, 'easeOutQuad'); 
}); 

Answer 1

沒有scrollRight方法，你仍然需要使用scrollLeft，只是反轉的值：

$('.scrollto').click(function() { 
    $('#container').animate({ scrollLeft: '-=500' }, 1000, 'easeOutQuad'); 
}); 

​​