jquery - 端から端までコンテンツを表示するスライダー ナブを計算する方法

Question

スライダーに適切な計算とロジックを見つけるのに苦労しています。
ここで私のスライダーを見てください: http://jsfiddle.net/MyNameIsCode/p6UVt/1/
最初はすべて問題ないように見えますが、幅の値を.item-slider-contentsto1000px以上に変更しようとすると、適切cache.nubにスライドしません。.item-slider-contents私が言いたいことを理解していただければ幸いです。これを正しく計算するのを手伝ってください。リアルタイム
で幅が広がります。.item-slider-contents

Answer 1

わかった。私はこれがCSSであることを追加する必要があります：

div { box-sizing : border-box; position:relative; }  

そして、これは次のようになります。

.slider-road{
margin-top:20px;
height:10px;
width:690px;    
border:1px solid orange;    
}

そして、これは式です：

var pct = (cache.nub.position().left - 2) / (cache.slider.width() - 16)  

そして、幅を変更するたびに、.item-slider-contents端から端まで適切にスライドします。

参照用の更新されたリンクは次のとおりです。

http://jsfiddle.net/MyNameIsCode/p6UVt/3/