1. 程式人生 > >ios滾動 fix布局頂欄消逝

ios滾動 fix布局頂欄消逝

-i clas relative 滾動 屏幕 padding class touch gpo

項目中還發現一個問題,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布局頂欄消逝