移動端彈出層平滑滾動和fix定位的衝突

#branch-list{
  overflow: scroll;
  -webkit-overflow-scrolling: touch;/* ios 平滑滾動*/
  overflow-scrolling: touch;
  -webkit-transform: translate3d(0,0,0);/* android 平滑滾動*/
  transform: translate3d(0,0,0);
  height: 6.5rem;
}

爲了彈出層的內容能平滑滾動,給彈出層容器加了 overflow-scrolling: touch; android

結果發如今IOS下,彈出層容器下的絕對定位的導航和腳部閃現。不管是fixed仍是改爲absolute,都沒法解決問題。ios

解決辦法就是給要滾動的內容加一層div,在這個div上,設定平滑滾動。web

相關文章
相關標籤/搜索