移動端:解決ios軟鍵盤得到焦點後,fixed懸掛失敗的問題

緣由:html

上網查,聽說是ios輸入框的bug,應該說是全部會喚出軟鍵盤的控件都有這個bug。每次軟件盤得到焦點後,就會讓fixed失效,ios

fixed失效後,至關於變成了absolute定位,要是屏幕是能夠滾動的就更加慘不忍睹,原本fixed的模板會跟着滑動起來。web

解決方法:code

將能夠滑動的內容(模塊)放進一個html元素,舉例放進main標籤中包着,而且使用overflow-y: scroll來使溢出的內容能夠滑動起來,另外添加htm

-webkit-overflow-scrolling: touch;

該屬性能夠使用main內的內容滑動起來不會顯得生硬,變得平滑起來。it

<main style="height: 100%;overflow-y: scroll;-webkit-overflow-scrolling: touch;">
<!--能夠滾動的內容-->
</mian>
相關文章
相關標籤/搜索