滑塊寬度問題

Question

我在可拖動滑塊方面遇到了一些問題。如果有人因為我的身體已經凍結而想以新的眼神偷看我，我會提出建議。

JSFIDDLE

我有2個問題：

• 我希望滑塊為屏幕寬度的100％ （不要將滑塊的寬度與滑塊的寬度融合在一起），但某些地方的值不會累加。如果嘗試使用不同的預覽窗口大小並單擊Run ，則總是有不同的空白寬度在上一張幻燈片之后無效 。什么原因造成的？
• 我希望幻燈片之間有2px margin ，但不幸的是.width()沒有考慮到邊距。.關於如何解決該問題的任何建議？

---

ps！ 幻燈片寬度是有意固定的大小，這就是我要的。

Answer 1

第一個問題-您可以將滑塊拖動到最后一個幻燈片與窗口左邊緣相交的位置。 約束應該是最后一個圖像的右邊緣與窗口的右邊緣相交。

將max更改為：

var max =$('#slider').width()-(slides * slideWidth);

似乎可以解決問題。 另外，為您更新了小提琴:)

https://jsfiddle.net/c6fbpzf4/

如評論中所述，第二個問題的解決方案是.outerWidth( true ) -此處參考文檔： https : .outerWidth( true )