摘要:在開(kāi)發(fā)移動(dòng)端里,需要喚起的軟鍵盤。但是在個(gè)別蘋果測(cè)試機(jī)里,發(fā)現(xiàn)當(dāng)軟鍵盤退出后,會(huì)多出一塊區(qū),導(dǎo)致窗口變小。如下圖大部分人提供的解決方案是添加監(jiān)聽(tīng)事件的確能解決,可為什么一定要回滾到頂部呢如果當(dāng)時(shí)的在第屏外,這樣的用戶體驗(yàn)很差。
在開(kāi)發(fā)移動(dòng)端html里,需要喚起ios的軟鍵盤。但是在個(gè)別蘋果測(cè)試機(jī)里,發(fā)現(xiàn)當(dāng)軟鍵盤退出后,會(huì)多出一塊區(qū),導(dǎo)致窗口變小。如下圖
大部分人提供的解決方案是
//添加onblur監(jiān)聽(tīng)事件 window.scrollTo(0,0)
的確能解決,可為什么一定要回滾到頂部呢?如果當(dāng)時(shí)的input在第1屏外,這樣的用戶體驗(yàn)很差。
既然默認(rèn)給它個(gè)滾動(dòng)就行,那我們就來(lái)個(gè)相對(duì)滾動(dòng)就OK了
//相對(duì)當(dāng)前滾動(dòng)位置 向下滾動(dòng)1像素。 window.scrollBy(0,1)
是不是好多了
當(dāng)然考慮到當(dāng)前滾動(dòng)條位置就是在底部時(shí),要做個(gè)判斷,讓他向上滾1個(gè)像素
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/102531.html
摘要:在開(kāi)發(fā)移動(dòng)端里,需要喚起的軟鍵盤。但是在個(gè)別蘋果測(cè)試機(jī)里,發(fā)現(xiàn)當(dāng)軟鍵盤退出后,會(huì)多出一塊區(qū),導(dǎo)致窗口變小。如下圖大部分人提供的解決方案是添加監(jiān)聽(tīng)事件的確能解決,可為什么一定要回滾到頂部呢如果當(dāng)時(shí)的在第屏外,這樣的用戶體驗(yàn)很差。 在開(kāi)發(fā)移動(dòng)端html里,需要喚起ios的軟鍵盤。但是在個(gè)別蘋果測(cè)試機(jī)里,發(fā)現(xiàn)當(dāng)軟鍵盤退出后,會(huì)多出一塊區(qū),導(dǎo)致窗口變小。如下圖 showImg(https://...
摘要:瀏覽器后,被軟鍵盤遮蓋的問(wèn)題,已經(jīng)有好多人問(wèn)相關(guān)的問(wèn)題,應(yīng)該是問(wèn)的角度不一樣,還的再次提出咯。如上循環(huán),問(wèn)題無(wú)法解決。 safari瀏覽器fixed后,被軟鍵盤遮蓋的問(wèn)題,已經(jīng)有好多人問(wèn)相關(guān)的問(wèn)題,應(yīng)該是問(wèn)的角度不一樣,還的再次提出咯。 問(wèn)題描述 測(cè)試環(huán)境:ios 10.2/10.3 簡(jiǎn)單來(lái)說(shuō)就是在html5頁(yè)面中底部有個(gè)fixed的區(qū)域,如圖 showImg(https://segm...
閱讀 2665·2021-11-11 16:54
閱讀 3657·2021-08-16 10:46
閱讀 3441·2019-08-30 14:18
閱讀 3034·2019-08-30 14:01
閱讀 2723·2019-08-29 14:15
閱讀 2007·2019-08-29 11:31
閱讀 3083·2019-08-29 11:05
閱讀 2583·2019-08-26 11:54