0

我很难为我的滑块找到正确的计算和逻辑。
请在此处查看我的滑块:http: //jsfiddle.net/MyNameIsCode/p6UVt/1/
起初一切似乎都很好,但是如果您尝试将宽度值更改.item-slider-contents1000px或更大,则cache.nub不会.item-slider-contents正确滑动。我希望你明白我的意思。请帮我正确计算。
的宽度.item-slider-contents将实时扩展。

4

1 回答 1

0

我得到了它。我只需要添加这是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/

于 2012-09-21T10:11:13.950 回答