這篇文章主要為大家展示了“css列表滑動防止被底部遮住和適配屏幕長一點的示例分析”，內容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領大家一起研究并學習一下“css列表滑動防止被底部遮住和適配屏幕長一點的示例分析”這篇文章吧。

創(chuàng)新互聯公司專注為客戶提供全方位的互聯網綜合服務，包含不限于成都網站制作、成都網站建設、呼和浩特網絡推廣、重慶小程序開發(fā)、呼和浩特網絡營銷、呼和浩特企業(yè)策劃、呼和浩特品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們大的嘉獎；創(chuàng)新互聯公司為所有大學生創(chuàng)業(yè)者提供呼和浩特建站搭建服務，24小時服務熱線：18980820575，官方網址：www.cdcxhl.com

1、移動端處理列表滑動的時候，微信底下有自帶的返回頁面按鈕，經常會被遮住，遇到屏幕長一點的，下面會短一大截，以下用此方法可以解決。

.container{
  position:relative;
  background:url(../img/chooseBg.jpg) no-repeat center center;
  background-size:cover;
  width:100%;
  height:100%;
  //.listConHeight{
  //   height:9rem;
  //  overflow:auto;
  //}
  .listConHeight {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 1.3rem;
    box-sizing: border-box;
    ul {
      width:6.78rem;
      height: 100%;
      margin:0 auto;
      overflow: auto;
      -webkit-overflow-scrolling: touch;
    }
  }

以上是“css列表滑動防止被底部遮住和適配屏幕長一點的示例分析”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯行業(yè)資訊頻道！

本文標題：css列表滑動防止被底部遮住和適配屏幕長一點的示例分析-創(chuàng)新互聯
網頁鏈接：http://weahome.cn/article/depoes.html