踩坑之IOS中input光標跑偏問題的解決方法

1.ios端兼容input光標高度處理

在最近的項目中遇到一個問題，input輸入框光標，在安卓手機上顯示沒有問題，但是在蘋果手機上
當點擊輸入的時候，光標的高度和父盒子的高度一樣。造成的原因就是給父盒子添加了height和line-height
當點擊輸入的時候，光標的高度就自動和父盒子的高度一樣了。（谷歌瀏覽器的設計原則，還有一種可能就
是當沒有內容的時候光標的高度等于input的line-height的值，當有內容時，光標從input的頂端到文字
的底部）。
解決辦法：去掉父盒子的高度height和行高line-height內容用padding撐開。

2.ios不支持potision:fixed

把position:fixed改成absolute
然后jQuery阻止移動端遮罩層后頁面滾動
css代碼：

.ovfHiden{overflow: hidden;height: 100%;}

jquery:

 $(".header_right").click(function(){
    $('html,body').addClass('ovfHiden'); //使網(wǎng)頁不可滾動
    $(".searchbox").show();
  })
  $(".yg-close").click(function(){
    $('html,body').removeClass('ovfHiden'); //使網(wǎng)頁恢復可滾
    $(".searchbox").hide();
  })

作者：落魂灬
鏈接：https://www.jianshu.com/p/b222aade3f43