水平滾動不與jquery點擊

Question

所以我有一個div包含無序列表。我需要的是當我點擊right跨度元素div應滾動到右。但它沒有發生。

<div id="hordiv"> 
    <ul> 
    <li>one</li><li>two</li><li>three</li><li>four</li><li>five</li> 
    </ul> 
</div> 
<span id="panLeft">Left</span> | <span id="panRight">Right</span> 

Javascript代碼放在這裏

(function() { 
    $("#panRight").click(function(){alert("hi"); 
    $("#hordiv").scrollLeft(90); 
    });  
}()); 

小提琴鏈路連接here

我不知道爲什麼它不工作。我認爲可能是因爲一些CSS相關問題。請幫幫我。

Answer 1

您正在滾動$("#hordiv")，這已經是100％的寬度。 您需要滾動內hordiv的ul像

$("#hordiv>ul").scrollLeft(90); 

見更新fiddle