Windows 8中的可滚动Div / Window(滚动视图)

时间:2012-11-08 19:20:41

标签: windows-8 scrollview winjs

我正在使用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完成的吗?

1 个答案:

答案 0 :(得分:3)

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