IOS 固定定位底部input輸入框,獲取焦點時彈出的輸入法鍵盤擋住input


移動頁面經常會做到這樣一個效果,看下面的圖片,重點就是那個固定定位的底部,里面有個input輸入框,在輸入字符的時候,安卓手機看着是完全沒有問題!

1、頁面沒有點擊底部input的初始狀態

2、安卓手機下的樣子,一切都是那么的正常,簡直是完美。

3、ios手機下,就是這么任性,沒有辦法,完全擋着了,擋着了,擋着了...,必須把整個頁面滑到最底下才能看見它,捉迷藏啊簡直是。

不怕丟人的說,此問題遇見一年多了終於得到完美解決,更加精彩、更加狗血的是代碼只有特么的一行!

請睜大眼睛看

<script type="text/javascript">
	$("input").on("click", function() {
		setTimeout(function(){  
		    document.body.scrollTop = document.body.scrollHeight;  
		},300);  
	})
</script>

具體現實效果,我就不截圖顯示了,驚喜得自己發現、試過才知道,是不? 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM