css - WinJS 快照点 : ms-scroll-snap-type mandatory won't reach the end with mousewheel or touch

Question

我正在 WinJS for Windows 8.1 上的 flexbox 上测试一些捕捉点，一切正常，除了使用触摸或鼠标滚轮(在模拟器中)水平滚动列表时我不能到达列表中的最后一项，除非我实际使用滚动条到达它。

这是 CSS:

.testFlexbox {
    display: -ms-flexbox;
    overflow: auto;
    -ms-scroll-snap-type: mandatory;
    -ms-scroll-snap-points-x: snapInterval(0, 350px);
}

这是一张说明问题的图片:

我假设它是因为 testFlexbox 的宽度没有精确地除以 350px？我使用 interval over step 的原因是 flexbox 中的元素数量可能会发生变化。

我正在为元素列表使用中继器而不是 ListView ，以防万一。

我想知道是否有人知道解决这个问题的方法，因为网上没有大量关于这个主题的文档。

非常感谢您的帮助

克里斯

Answer 1

我认为重要的是在 win-surface 类中保留一点填充(通常为 80px)，而在 win-vieport 类中没有填充。

视口(viewport)下的表面滚动。后者是第一个的掩码，因此它需要一点空间才能到达它的末尾。

看看我在这里说的是什么:http://msdn.microsoft.com/en-us/library/windows/apps/hh850406.aspx