微信H5頁面 會被軟鍵盤頂起來


問題描述:H5頁面在微信中打開,input輸入框獲取焦點時,頁面被軟鍵盤頂上去;關閉軟鍵盤時,頁面不會自動下來(恢復初始狀態)

H5頁面在微信中初始狀態如下圖:

input輸入框獲取焦點時,頁面被軟鍵盤頂上去,如下圖:

關閉軟鍵盤時,頁面沒有自動落下,如下圖:

 

 

解決方法:
方法一:

$(input).on('blur',function(){
    window.scroll(0,0);
});

scroll 注解:scroll(x,y),x表示水平滾動條位置,y表示垂直滾動條位置

 

方法二:

$("input").on(‘blur’,function(){
    $(window).scrollTop(0);
});

scrollTop 注解:元素滾動條的垂直位置

順帶寫幾個其他的:

scrollLeft(number); 元素滾動條的水平位置

$(selector).scrollTop(offset)  offset: 可選。規定相對滾動條頂部的偏移,以像素計。
---------------------

轉載 :黑夜世界 
原文:https://blog.csdn.net/amy_king_0/article/details/86612901


免責聲明!

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



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