弹性盒设置中间内容滚动

淡淡的记录一下,我今天写的,心情并不是特别的高涨......

-----------------------------------          html             ---------------------------

<div id='app'>

  <div class='wrap'>

    <!--  title   bar  -->

    <div class='titlebar'>标题</div>

    <!--   tab切换  -->

    <div class='tab-part'></div>

    <!--   tab切换内容  -->

    <div class='tabContentPage'>内容</div>

  </div>

</div>

-----------------------------------          css            ---------------------------

#app{widht:100%;height100%};

.wrap{100%;height:100%;display:flex;flex-direction:column}                  //   开启弹性盒

.tabContentPage {flex:1;overflow:auto;-webkit-overflow-scrolling:touch}         //   显示内容的盒子

https://www.cnblogs.com/adengweb/p/5421669.html

附上链接,这个比较齐全,我只是我写一下我自己写的,但是方法都是一样的。

原文地址:https://www.cnblogs.com/lgl1209/p/10082542.html