css - 如何捕捉到 WinJS.UI.Hub 控件中的部分

Question

在使用 HTML/JS 的 Windows 8 应用程序中是否有办法将用户对 Hub 控件的平移仅捕捉到每个 Hub 部分，以便用户始终准确地落在一个部分上？

Answer 1

尝试将 Snap Point Type 从 Proximity 切换为 Mandatory：

.win-hub-viewport {
    -ms-scroll-snap-type: mandatory;
}

http://msdn.microsoft.com/en-us/library/windows/apps/hh466057.aspx

可能的值为：

• 无：初始值。平移和滚动不受任何定义的捕捉点的影响。轻弹将导致正常惯性。
• 接近度：当正常惯性会使内容靠近捕捉点时，会调整惯性以准确落在捕捉点上。但是，仍然可以在捕捉点之间着陆。
• 强制：调整惯性以确保内容始终落在一个快照点上。