zoukankan      html  css  js  c++  java
  • 弹性盒设置中间内容滚动

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

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

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

  • 相关阅读:
    C#中的委托和事件的使用
    C#中Attribute/特性的使用
    Eclipase + CDT
    设计模式总结
    Nginx源码编译
    Nginx自定义扩展模块
    电池的寿命
    大盗阿福
    河中跳房子
    An Easy Problem
  • 原文地址:https://www.cnblogs.com/lgl1209/p/10082542.html
Copyright © 2011-2022 走看看