Windows 8中的可滚动DIV/窗口(滚动视图)



我正在使用winjs(javascript)创建Windows 8应用程序。

我希望制作一个可以放入内容的容器,即DIV或其他东西,可以用触摸来滚动。

我看过Flex Box,但这似乎只是用于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?

完成的

对于Winjs,您可以将.win-scrollview类添加到包装器div中,然后使用Overflow-X和Overflow-X和Overflow-Y CSS属性来控制滚动行为。

最新更新