Windows 8中的可滾動Div /窗口（滾動視圖）

我使用WinJS（JavaScript）創建Windows 8應用程序。Windows 8中的可滾動Div /窗口（滾動視圖）

我想製作一個容器，可以是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做了什麼？

來源

2012-11-08 Luke

大多數在IE中工作的東西也適用於Windows 8 HTML/JS應用程序。它們都使用相同的引擎，因此您從HTML標記，CSS屬性和JavaScript（某些安全例外）中獲得的行爲應該是相同的。您可以使用單個div，或者如果您有多個想要滾動的東西，則可以使用flexbox。參見http://codeshow.codeplex.com –

對於WinJS，您可以將.win-scrollview類添加到您的包裝div，然後使用overflow-x和overflow-y css屬性來控制滾動行爲。

來源

2012-11-08 19:48:11

實際上，.win-scrollview本身設置了overflow-x和overflow-y，所以你所要做的就是設置.win-scrollview我相信。 –

Windows 8中的可滾動Div /窗口（滾動視圖）

回答

相關問題