水平滚动不适用于jquery click

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

您正在滚动$("#hordiv")，它已经是 100% 宽。 你需要滚动ul里面的hordiv就像

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

查看更新的fiddle