JQuery - DIVでDIVをスクロールする（オーバーフロー：自動;）

Question

DIVでDIV（オーバーフロー：自動）をスクロールするにはどうすればよいですか？

HTML

<div style="width:100px; height:200px; border:1px solid #ff0000; overflow:hidden;"> 
    <div id="my_div" style="width:100%; padding-right:20px; height:100%; overflow:auto;" class="sph"> 
     <div style=" background-color:#c6c6c6; width:10px; height:20px; position: absolute; left:80px; cursor:pointer;" >S</div> 
     .. content ... <br />  .. content ... <br />  .. content ... <br /> 
     .. content ... <br />  .. content ... <br />  .. content ... <br /> 
     .. content ... <br />  .. content ... <br />  .. content ... <br /> 
     .. content ... <br />  .. content ... <br />  .. content ... <br /> 
     .. content ... <br />  .. content ... <br />  .. content ... <br /> 
     .. content ... <br />  .. content ... <br />  .. content ... <br /> 
     .. content ... <br />  .. content ... <br />  .. content ... <br />  
    </div> 

</div> 

<br /><br > 
    Use the MouseScroll to scroll or use the [S]croll Div 

例 http://jsfiddle.net/sbAfW/11/

事前に感謝します！
Peter

Answer 1

jScrollPane pluginを参照してください。

the demo pageの最初のデモがお探しのものです。 jspVerticalBarクラスとjspTrackクラスからバックグラウンド属性を削除するだけで、あなたはあなたの方法です！