1. 程式人生 > >-webkit-overflow-scrolling解決移動端iOS滾動卡頓現象

-webkit-overflow-scrolling解決移動端iOS滾動卡頓現象

css3中-webkit-overflow-scrolling使用方法

-webkit-overflow-scrolling: touch; //有回彈效果 
-webkit-overflow-scrolling: auto; //滑到哪停到哪

實現滾動回彈效果的頁面佈局 (實戰)

<div class="containBox no-scrollbar">
  <div>
      滾動的內容
  </div>
</div>
//滾動容器
.containBox{
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 50px;
    overflow-x: hidden;
    /*overflow-y:auto;//不能寫,會和下面的產生衝突*/
    -webkit-overflow-scrolling: touch;
}