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

標籤：現在   flow   ios   overflow   rem   web   translate   lin   roi   

#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定位的衝突