windows-8 - Windows 8 中的可滚动 Div/窗口（滚动视图）

Question

我正在使用 WinJS (JavaScript) 创建一个 Windows 8 应用程序。

我希望制作一个容器，无论是 DIv 还是其他东西，我可以将内容放入其中并可以用于通过触摸滚动。

我看过弹性框，但这似乎只适用于 Internet Explorer？

我错过了什么吗？

到目前为止，这是我的标记，我想让包装器可滚动

<div id="wrapper">


    <div class="login_box">

        <form method="post">
            <label class="login_label">Username:</label>
            <input type="text" class="login_input" name="login_username" />
            <label class="login_label">Password:</label>
            <input type="password" class="login_input" name="login_password" />
            <input type="submit" id="login_submit" name="login_submit" />
        </form>
    </div>
</div>

这是通过 CSS 完成的吗？

Answer 1

对于 WinJS，您可以将 .win-scrollview 类添加到包装器 div 中，然后使用 overflow-x 和 overflow-y css 属性来控制滚动行为。