問題描述

在移動(dòng)端web頁面內(nèi)定義了一個(gè)比較大的textarea大概能顯示15行字，點(diǎn)擊textarea的時(shí)候，輸入法彈出來會(huì)遮住textarea下端的幾行字，導(dǎo)致輸入的字?jǐn)?shù)到10行之后，后面的輸入的字都被輸入法擋住了，變成了盲打，體驗(yàn)很差。

請(qǐng)問使用js有什么方法可以解決這種問題？

剛剛寫了個(gè)比較笨的方法，發(fā)現(xiàn)只有三星的手機(jī)以及android5.0能兼容，什么小米，vivo之類的亂七八糟的機(jī)子都不認(rèn)這個(gè)方法，醉了。。

<textarea onfocus='textfocus(this)' onblur='textblur(this)' rows='' cols=''></textarea><script type=’text/javascript’> function textfocus(o){ o.style.position = ’fixed’; o.style.top = ’50px’; o.style.zIndex = ’999’; } function textblur(o){ o.style.position = ’static’; o.style.top = ’auto’; } </script>

問題解答

1.當(dāng)textarea接收到focus事件時(shí)，自動(dòng)將文本框滾動(dòng)到屏幕頂端2.設(shè)計(jì)的輸入框不要超過半個(gè)屏幕，如果一定要超過，textarea有change事件，計(jì)算輸入了多少個(gè)字，相應(yīng)的再把輸入框向上滾動(dòng)

這樣應(yīng)該就能很友好了

使用fixed定位，bottom