微信開發時遇到底部遮擋輸入框的解決方案

2021-09-30 13:00:17 字數 592 閱讀 6561

//解決輸入被遮擋問題

window.onresize = function

() ;

其中#footer是底部div的id值,進過多次測試發現無論螢幕大小,系統不同(android或ios)用此js都可以解決底部遮擋輸入框的問題。而且經過多次測試發現在手機上400高度是個合適的數值。下圖是解決之後的效果圖(當輸入發彈起時,底部宣告不見了,當輸入法消失時底部又自動出現):

1、有人會說底部的div是不是沒有固定死,其實不是的。底部就是用css固定了,但是在手機上,如果呼叫了輸入法,底部就會出現。初步懷疑螢幕大小就是整個螢幕高度減去輸入法框占用的高度。

2、可能還有人說為什麼不把底部宣告資訊去掉呢?去掉底部會顯得頁面光禿禿的,而且主要是領導不同意去掉底部!所以就得解決掉。

$(「#footer」).offset().top;取值示意圖:

類似微信的文字輸入框

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!首先,這種效果用.9圖我不知道是否可以做出來。如果不用.9圖的話,那就只能用drawable來寫,這種drawable有點複雜,可以採用layerlist來實現,我的思想如下 分三層實現,這裡假設activity的背景是白色,第一層也 就是最底層 ...

類似微信的文字輸入框

首先,這種效果用.9圖我不知道是否可以做出來。如果不用.9圖的話,那就只能用drawable來寫,這種drawable有點複雜,可以採用layerlist來實現,我的思想如下 分三層實現,這裡假設activity的背景是白色,第一層也 就是最底層 是綠色 第二次是白色,但是距離底部有一段小偏移,目的...

類似微信的文字輸入框

首先,這種效果用.9圖我不知道是否可以做出來。如果不用.9圖的話,那就只能用drawable來寫,這種drawable有點複雜,可以採用layerlist來實現,我的思想如下 分三層實現,這裡假設activity的背景是白色,第一層也 就是最底層 是綠色 第二次是白色,但是距離底部有一段小偏移,目的...