1.ios端兼容input光標(biāo)高度處理
在最近的項(xiàng)目中遇到一個問題流昏,input輸入框光標(biāo)黔夭,在安卓手機(jī)上顯示沒有問題帽哑,但是在蘋果手機(jī)上
當(dāng)點(diǎn)擊輸入的時候奇适,光標(biāo)的高度和父盒子的高度一樣坟比。造成的原因就是給父盒子添加了height和line-height
當(dāng)點(diǎn)擊輸入的時候,光標(biāo)的高度就自動和父盒子的高度一樣了嚷往。(谷歌瀏覽器的設(shè)計(jì)原則葛账,還有一種可能就
是當(dāng)沒有內(nèi)容的時候光標(biāo)的高度等于input的line-height的值,當(dāng)有內(nèi)容時皮仁,光標(biāo)從input的頂端到文字
的底部)籍琳。
解決辦法:去掉父盒子的高度height和行高line-height內(nèi)容用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)頁恢復(fù)可滾
$(".searchbox").hide();
})