javascript - Windows 8 FlipView 中的垂直滚动

Question

是否可以在 WinJS FlipView 中进行垂直滚动？似乎 FlipView 阻止了滚动事件？

提前致谢

Answer 1

如果您将内容放入需要滚动的 FlipView 控件，但 FlipView 的方向是水平的，您可能需要查看平移指南以确保您的交互模式与建议一致，并且不会导致混乱或困难使用。

Answer 2

我已经确认 win-interactive css 类将允许在 FlipView 中垂直滚动。要进行测试，您可以设置一个 FlipView 并使用以下内容作为它的 itemTemplate：

<div id="simple_ItemTemplate" data-win-control="WinJS.Binding.Template" style="display: none">
    <div class="overlaidItemTemplate">
        <div style="height: 100%; overflow-y: scroll">
            <div class="win-interactive" style="height: 1000px; background: -ms-linear-gradient(top, #1e5799 0%,#ffffff 100%)">
            </div>
        </div>
    </div>
</div>