reactjs - 有限可变宽度滑块（仅滚动可见幻灯片），幻灯片应始终填满显示区域

Question

我希望这不是一个“大问题”，但我被困住了。我在github issues#1334上问过这个问题，但我没有得到项目维护者的任何回应。希望我能在这里得到帮助。

概述

我的问题是我正在尝试调整可变宽度滑块（来自react-slick文档），以便：

1. finite

2. responsive（到不同的视口）（如果可能根据视口宽度显示尽可能多的幻灯片）

3. scroll only 100% visible slides

4. 幻灯片应填满div显示区域

观察

1. 到目前为止，我已经成功地做到了：

   • finite

2. 关于responsive，断点不适用于variable width幻灯片。

3. scroll only 100% visible slides, 这在可变视口宽度和使用可变宽度幻灯片时非常重要。

4. slides should fill thedivdisplay area，当它们到达最后一张幻灯片时，有限可变宽度的幻灯片，即使它已经被上一个滚动可见，用户仍然可以滚动并且可见的是一大片空白幻灯片，例如：

编码

该问题可以在代码沙箱中复制和测试

...
...

欢迎任何帮助。