zoukankan      html  css  js  c++  java
  • 移动端头部固定中间内容滚动

     1 .wrap {
     2       display: flex;
     3       flex-direction: column;
     4        100%;
     5       height: 100%;
     6     }
     7 
     8     .header {
     9       height: 40px;
    10       line-height: 40px;
    11       background-color: #D8D8D8;
    12       text-align: center;
    13     }
    14 
    15     .main {
    16       flex: 1;
    17        100%;
    18       /* height: calc(100% - 80px); */
    19       overflow-y: auto;
    20     }
      1 <div class="wrap">
      2     <div class="header">header</div>
      3     <div class="main">
      4       中间区域开始
      5       <br>
      6       中间区域
      7       中间区域
      8       <br>
      9       中间区域
     10       中间区域
     11       <br>
     12       中间区域
     13       中间区域
     14       <br>
     15       中间区域
     16       中间区域
     17       <br>
     18       中间区域
     19       中间区域
     20       <br>
     21       中间区域
     22       中间区域
     23       <br>
     24       中间区域
     25       中间区域
     26       <br>
     27       中间区域
     28       中间区域
     29       <br>
     30       中间区域
     31       中间区域
     32       <br>
     33       中间区域
     34       中间区域
     35       <br>
     36       中间区域
     37       中间区域
     38       <br>
     39       中间区域
     40       中间区域
     41       <br>
     42       中间区域
     43       中间区域
     44       <br>
     45       中间区域
     46       <br>
     47       中间区域
     48       中间区域
     49       <br>
     50       中间区域
     51       中间区域
     52       <br>
     53       中间区域
     54       中间区域
     55       <br>
     56       中间区域
     57       中间区域
     58       <br>
     59       中间区域
     60       中间区域
     61       <br>
     62       中间区域
     63       中间区域
     64       <br>
     65       中间区域
     66       中间区域
     67       <br>
     68       中间区域
     69       中间区域
     70       <br>
     71       中间区域
     72       <br>
     73       中间区域
     74       中间区域
     75       <br>
     76       中间区域
     77       中间区域
     78       <br>
     79       中间区域
     80       中间区域
     81       <br>
     82       中间区域
     83       中间区域
     84       <br>
     85       中间区域
     86       中间区域
     87       <br>
     88       中间区域 中间区域
     89       <br>
     90       中间区域
     91       中间区域
     92       <br>
     93       中间区域
     94       中间区域 中间区域
     95       <br>
     96       中间区域
     97       中间区域
     98       <br>
     99       中间区域
    100       中间区域 中间区域
    101       <br>
    102       中间区域
    103       中间区域
    104       <br>
    105       中间区域
    106       中间区域
    107       中间区域
    108       <br>
    109       中间区域
    110       中间区域
    111       <br>
    112       中间区域
    113       中间区域
    114       <br>
    115       中间区域结束
    116     </div>
    117     <!-- <div class="footer">footer</div> -->
    118   </div>
  • 相关阅读:
    head命令
    less命令
    解决get方法传递URL参数中文乱码问题
    The method convert(String) of type DateConverter must override a superclass method
    Tomcat Can't load AMD 64-bit .dll on a IA 32
    聚合函数查询 group by having
    string[] 清理重复+反转显示
    C# GetValueList 获得字符串中开始和结束字符串中间得值列表
    C# GetValue 正则获取开始结束代码
    string [] 去除重复字符两个方法
  • 原文地址:https://www.cnblogs.com/shun1015/p/12979275.html
Copyright © 2011-2022 走看看