ios滾動 fix布局頂欄消逝
阿新 • • 發佈:2018-01-19
-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布局頂欄消逝