水平滚动无法使用jquery点击

Question

所以我有一个包含无序列表的div。我需要的是当我点击right span元素时，div应滚动到 RIGHT 。但它没有发生。

<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

您正在滚动已经100％宽的$("#hordiv")。 您需要滚动ul内的hordiv

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

查看更新的fiddle