如何计算滑块结点以从头到尾显示内容

Question

我很难为我的滑块找到合适的计算和逻辑 请在此处查看我的滑块：http://jsfiddle.net/MyNameIsCode/p6UVt/1/
一切似乎都很好，但如果您尝试将.item-slider-contents的宽度值更改为1000px或更高，则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/