成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

解決微信瀏覽器的iOS的兼容問(wèn)題[軟鍵盤彈出][input框光標(biāo)]

lookSomeone / 2797人閱讀

摘要:對(duì)于第一個(gè)問(wèn)題軟鍵盤彈出時(shí),頁(yè)面會(huì)上滑,導(dǎo)致點(diǎn)擊位置和頁(yè)面位置不一致在獲取焦點(diǎn)時(shí)獲取的值并賦值給一個(gè)變量,在失去焦點(diǎn)時(shí)設(shè)置的值設(shè)置為負(fù)的該值如果存在兩個(gè)或兩個(gè)以上的框,可以設(shè)置一個(gè)當(dāng)前存在聚焦框的數(shù)量的值,獲取焦點(diǎn),失去焦點(diǎn),只有為的時(shí)候

對(duì)于第一個(gè)問(wèn)題:軟鍵盤彈出時(shí),頁(yè)面會(huì)上滑,導(dǎo)致點(diǎn)擊位置和頁(yè)面位置不一致

在input獲取焦點(diǎn)時(shí)獲取document.body.scrollHeight的值并賦值給一個(gè)變量,在input失去焦點(diǎn)時(shí)設(shè)置document.body.scrollTop的值設(shè)置為負(fù)的該值
如果存在兩個(gè)或兩個(gè)以上的input框,可以設(shè)置一個(gè)當(dāng)前存在聚焦input框的數(shù)量的值,獲取焦點(diǎn)+1,失去焦點(diǎn)-1,只有為0的時(shí)候才設(shè)置scrollTop

對(duì)于第二個(gè)問(wèn)題:input的光標(biāo)偏上或者過(guò)寬

把input的line-height和font-size保持一致
順便說(shuō)一下ios還有一個(gè)輸入框會(huì)有一個(gè)灰色的上邊框,是默認(rèn)的陰影,給input設(shè)置box-shadow就可以了。
box-shadow:0 0 0 rgba(0,0,0,0)!important;

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/116394.html

相關(guān)文章

  • 解決微信覽器iOS兼容問(wèn)題[鍵盤彈出][input光標(biāo)]

    摘要:對(duì)于第一個(gè)問(wèn)題軟鍵盤彈出時(shí),頁(yè)面會(huì)上滑,導(dǎo)致點(diǎn)擊位置和頁(yè)面位置不一致在獲取焦點(diǎn)時(shí)獲取的值并賦值給一個(gè)變量,在失去焦點(diǎn)時(shí)設(shè)置的值設(shè)置為負(fù)的該值如果存在兩個(gè)或兩個(gè)以上的框,可以設(shè)置一個(gè)當(dāng)前存在聚焦框的數(shù)量的值,獲取焦點(diǎn),失去焦點(diǎn),只有為的時(shí)候 showImg(https://segmentfault.com/img/bVbsiAo); 對(duì)于第一個(gè)問(wèn)題:軟鍵盤彈出時(shí),頁(yè)面會(huì)上滑,導(dǎo)致點(diǎn)擊位置...

    marek 評(píng)論0 收藏0
  • ios輸入坑(鍵盤彈出不靈敏、輸入法影響彈出高度)

    摘要:參考地址首先,是這樣的布局父容器里面放一個(gè)輸入框和一個(gè)按鈕思路是父容器定位,為,為布局在其他事件觸發(fā)輸入框出現(xiàn)的時(shí)候例如一個(gè)評(píng)論的,父容器值變?yōu)椋卉涙I盤頂上來(lái)。 參考地址: https://segmentfault.com/a/11...https://blog.csdn.net/github_... 1.首先,是這樣的布局:父容器里面放一個(gè)輸入框 和一個(gè)按鈕 思路是:父容器fi...

    vvpvvp 評(píng)論0 收藏0
  • 如何用 js 獲取虛擬鍵盤高度?(適用所有平臺(tái))

    摘要:前言這是一個(gè)存在很久的歷史問(wèn)題了,對(duì)于這樣一個(gè)具有普遍性的問(wèn)題瀏覽器偏偏沒(méi)有給出解決方案,沒(méi)有方案還聊個(gè)什么別急,別急,接下來(lái)我們一起來(lái)扒一扒關(guān)于軟鍵盤高度和的問(wèn)題我們先來(lái)看一個(gè)短片認(rèn)識(shí)一下這個(gè)問(wèn)題問(wèn)題描述當(dāng)操作者進(jìn)行輸入操作的時(shí)候,彈起的 前言 這是一個(gè)存在很久的歷史問(wèn)題了,對(duì)于這樣一個(gè)具有普遍性的問(wèn)題瀏覽器偏偏沒(méi)有給出解決方案,what?沒(méi)有方案還聊個(gè)什么? 別急,別急,接下來(lái)我們...

    terro 評(píng)論0 收藏0
  • 如何用 js 獲取虛擬鍵盤高度?(適用所有平臺(tái))

    摘要:前言這是一個(gè)存在很久的歷史問(wèn)題了,對(duì)于這樣一個(gè)具有普遍性的問(wèn)題瀏覽器偏偏沒(méi)有給出解決方案,沒(méi)有方案還聊個(gè)什么別急,別急,接下來(lái)我們一起來(lái)扒一扒關(guān)于軟鍵盤高度和的問(wèn)題我們先來(lái)看一個(gè)短片認(rèn)識(shí)一下這個(gè)問(wèn)題問(wèn)題描述當(dāng)操作者進(jìn)行輸入操作的時(shí)候,彈起的 前言 這是一個(gè)存在很久的歷史問(wèn)題了,對(duì)于這樣一個(gè)具有普遍性的問(wèn)題瀏覽器偏偏沒(méi)有給出解決方案,what?沒(méi)有方案還聊個(gè)什么? 別急,別急,接下來(lái)我們...

    Forest10 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<