滑块宽度问题

Question

我有一些关于可拖动滑块的问题..如果有人因为我已经冻结而有新鲜的想法，我会很高兴。

JSFIDDLE

我有两个问题：

• 我希望滑块为屏幕宽度的100％（不要使用幻灯片宽度来共享滑块宽度）但某处某处不会加起来..如果你尝试不同的预览窗口大小并点击运行，那么在最后一张幻灯片之后总是有不同的 empty void 宽度。这可能是什么原因造成的？
• 我很乐意在幻灯片之间2px margin，不幸的是.width()没有考虑到保证金。有任何建议如何解决？

Ps！幻灯片宽度是有意固定的尺寸，这就是我想要的。

Answer 1

第一个问题 - 您可以拖动滑块，直到最后一张幻灯片与窗口的左边缘相交。虽然约束应该是在窗口右边缘的最后一个图像的右边缘。

将max值更改为：

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

似乎要做的伎俩。另外，更新小提琴：）

https://jsfiddle.net/c6fbpzf4/

评论中提到的第二个问题的解决方案是.outerWidth( true ) - 参考文档：https://api.jquery.com/outerwidth/