Jquery 如何计算滑块nub以从端到端显示内容

我很难找到滑块的正确计算和逻辑。
请在此处查看我的滑块：
起初一切似乎都正常，但如果尝试将

.item slider contents

的宽度值更改为

1000px

或更大，则

缓存.nub

无法正确滑动

.item slider contents

。我希望你明白我的意思。请帮我正确计算。

---

.item滑块内容的宽度将实时扩展
 我明白了。我要补充的是，这是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
的宽度时，它都会正确地端到端滑动

以下是更新的链接供参考：