Jquery UIスクロールバーがコンテンツに適合しない

Question

Jquery UIスクロールバーを使用していますhttp://jqueryui.com/demos/slider/#side-scrollこれは私のカスタマイズしたスクロールバーhttp://providentfeed.com/beta/search.phpへのリンクです。ページ下部に私がページ分割に使用している場所が表示されます。問題は、スクロールバーが途中から始まり、開始位置に移動しないことです。右に移動すると、空のスペースが表示されます。つまり、スクロールバーを移動することができません。 Jqueryのデフォルトデモでは、完璧です。この問題を解決するために、どんなアイデアをしてください？

よろしく

Answer 1

私はあなたのページを点検し、あなたの問題がCSSのためであると考えています。クラス.scroll-barのdivとその子divのクラスは.ui-handle-helper-parentで等しくない。この2つがdivと同じ幅であれば、必要に応じて動作します。このページでは、クラス.scroll-barの計算幅は289pxです。あなたは右と左の境界を含めている。このdivの実際の幅を.scroll-barで任意のborderを持っている場合は、

$('.ui-handle-helper-parent').width('289px'); 

または

$('.ui-handle-helper-parent').width($('.scroll-bar').width()); 

をしようとするだろう。