1. 程式人生 > >移動端彈出層平滑滾動和fix定位的沖突

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

-s 解決 branch sla 3D andro fixed lin 滾動

#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;

結果發現在IOS下,彈出層容器下的絕對定位的導航和腳部閃現。無論是fixed還是改成absolute,都無法解決問題。

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

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