滑塊寬度問題

我有拖動滑塊一些問題。如果因爲我的已經凍結有人會採取新的新鮮頭腦偷看我..並欣賞滑塊寬度問題

JSFIDDLE

我有2個問題：

我想滑塊是屏幕寬度（不cofuse滑塊寬度與幻燈片寬度）但有些事如果你嘗試不同的地方並不加起來.. 100％預覽窗口大小和打運行，總是有不同的寬度空虛後最後一張幻燈片..什麼可能導致這種情況？
我很樂意在幻燈片之間有2px margin，不幸的是.width()不考慮保證金。任何建議如何解決？

詩篇！幻燈片寬度是有意固定的尺寸，這就是我要去的。

來源

2016-03-03 Solo

關於第二個問題，我會用'。 outerWidth（true）'：https://api.jquery.com/outerwidth/ – Kocik

@Kocik謝謝你，完美的作品！ – Solo

嘿你的第一個問題，我認爲這是你的'var max = - （（slides - 1）* slideWidth）;'的問題。你的最大尺寸應該是'var max =（sliderwidth - （（slides + 1）* slideWidth））;'。（其中siderWidth是你的滑塊的寬度。）從我看到你的滑塊寬度是沒問題的。它只是向左滾動太遠！ –

第一個問題 - 您可以拖動滑塊，直到上一張幻燈片將與窗口的左側邊緣相遇。而約束應該是最後一幅圖像的右邊緣，與窗口的右邊緣相交。

更改max值：

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

似乎這樣的伎倆。此外，更新搗鼓你:)

https://jsfiddle.net/c6fbpzf4/

解決的第二個問題，在註釋中，是.outerWidth(true) - 參考文檔在這裏：https://api.jquery.com/outerwidth/

來源

2016-03-04 00:20:46 Kocik

滑塊寬度問題

回答

相關問題