2012-11-08 1 views
0

WinJS (JavaScript)를 사용하여 Windows 8 앱을 만듭니다.Windows 8 (스크롤보기)의 스크롤 가능한 Div/창

콘텐츠를 넣을 수있는 DIv 등의 컨테이너를 만들고 터치하여 스크롤하는 데 사용할 수 있습니다.

나는 플렉스 박스를 살펴 봤지만 Internet Explorer 만있는 것처럼 보입니까?

내가 누락 된 항목이 있습니까?

이 내 마크 업 지금까지, 나는 이것이 CSS 통해 이루어집니다 스크롤 래퍼

<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> 

을 만들고 싶어입니까?

+0

IE에서 작동하는 대부분의 기능은 Windows 8 HTML/JS 앱에서도 작동합니다. 둘 다 동일한 엔진을 사용하므로 HTML 마크 업, CSS 속성 및 일부 안전 예외가있는 JavaScript의 동작은 동일해야합니다. 하나의 div를 사용하거나 여러 항목을 스크롤하려는 경우 flexbox를 사용할 수 있습니다. http://codeshow.codeplex.com –

답변

3

WinJS의 경우 .win-scrollview 클래스를 래퍼 div에 추가 한 다음 overflow-x 및 overflow-y css 속성을 사용하여 스크롤 동작을 제어 할 수 있습니다.

+1

사실 .win-scrollview 자체는 overflow-x 및 overflow-y를 설정하므로 꼭해야 할 일은 .win-scrollview로 설정하는 것입니다. –