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

すでに100％幅の$("#hordiv")をスクロールしています。 あなたは参照してください

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

ようhordiv内部ulをスクロールする必要が更新さfiddle