javascript - slider 宽度问题

Question

我在可拖动 slider 方面遇到了一些问题。如果有人能用新的新鲜思维来看看我会很感激，因为我的已经卡住了。

JSFIDDLE

我有两个问题:

• 我希望 slider 为屏幕宽度的 100%(不要将 slider 宽度与幻灯片宽度混合)，但某些地方不相加。如果您尝试不同的预览窗口大小并点击运行，则在最后一张幻灯片之后总会出现不同宽度的空空白。这可能是什么原因导致的？
• 我希望幻灯片之间有 2px 边距，不幸的是 .width() 没有考虑边距。.有什么建议如何解决这个问题吗？<

<小时/>

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

Answer 1

第一个问题 - 您可以将 slider 拖动到最后一张幻灯片与窗口左边缘相交的位置。而约束应该是最后一个图像的右边缘与窗口的右边缘相交。

将 max 值更改为:

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

似乎可以解决问题。另外，还为您更新了 fiddle :)

https://jsfiddle.net/c6fbpzf4/

如评论中所述，第二个问题的解决方案是 .outerWidth( true ) - 引用文档:https://api.jquery.com/outerwidth/