Как добавить вертикальную прокрутку в приложение Windows 8 в объявленном виде

Question

Я работаю над приложением Windows 8 в Html, CSS и JavaScript. В просмотренном виде некоторые экраны не смогут увидеть весь контент, и именно поэтому я хочу вертикальную прокрутку.

Как это исправить? Я хотел бы иметь его в html или CSS.

HTML:

<section aria-label="Main content" role="main"> 
     <div class="divContainer" style="width: auto; height: auto; overflow:auto; display: -ms-grid; 
      -ms-grid-columns: 450px 50px 450px 46px 250px; 
      -ms-grid-rows: auto"> 
      <div id="pageCalc"> 
       <h2>User information</h2> 
       ... 
       Some text here 
       ... 
      </div> 
      <div id="pageText"> 
       <h2>Contact information</h2> 
       ... 
       Some text here 
       ... 
       <img id="imageDiv" src="/images/aboutlogo.png" border="0" alt=""> 


      </div> 
      <div id="pageAdd"> 
       ... 
       An add here 
       ... 
      </div> 
     </div> 
    </section> 

#pageText, #pageAdd и ширина # pageCalc, на какой высоте и тому подобное, что definated в CSS, а затем в щелкнул зрения, он использует этот кусок кода:

CSS:

@media screen and (-ms-view-state: snapped) { 
.about section[role=main] { 
    margin-left: 20px; 
    margin-right: 20px; 
} 

.divContainer { 
    height:1080px; 
    width: 230px; 
    display:-ms-grid; 
    -ms-grid-column: 230px; 
    -ms-grid-row: auto 20px auto 20px auto; 
    overflow: auto; 

} 

#pageCalc, #pageText, #pageAdd { 
    width: 230px; 
} 

#pageCalc { 
    -ms-grid-column: 1; 
    -ms-grid-row: 1; 
} 

#pageText { 
    -ms-grid-column: 1; 
    -ms-grid-row: 3; 
} 

#pageAdd { 
    -ms-grid-column: 1; 
    -ms-grid-row: 5; 
} 

}

Answer 1

Win8 приложений в HTML, CSS и JavaScript являются работающий на хосте Microsoft WWA Host. Это платформа для рендеринга на основе Internet. Таким образом, вы делаете свое приложение так, как вы это сделаете в IE. Просто заверните свой отредактированный контент в div с фиксированной высотой и с overflow: auto, и у вас будет вертикальный свиток.