ios滾動 fix布局頂欄消逝

標籤：滾動   touch   webkit   rem   scroll   情況   高度   元素   padding   

項目中還發現一個問題，webview中，頂欄position:fix,  持續滾動會出現頂欄消失情況

解決辦法  ：  最外box高度設定為螢幕高度，讓裡面元素overfllow-y:auto;使其滾動

  #box{    position: relative;    height: 100vh;    .tit{      position: fixed;      top: 0;      left: 0;      right: 0;      .wh(auto,.8rem);      background: #f4f4f8;      z-index: 1;    }    .list{      position: absolute;      top: .8rem;      left: 0;      right: 0;      bottom: 0;      overflow-y: auto;      -webkit-overflow-scrolling:touch;   //這裡很重要設定元素overfllow-y:auto; 導致ios滾動不流暢，必須加上      padding: .3rem;    }  }

 

ios滾動 fix布局頂欄消逝