在手機端經常有這樣的需求 , 最下面是輸入框類似微信輸入框 , 我們一般設定成了position:fixed
但是當點擊到輸入框的時候, 軟鍵盤彈出來遮擋了輸入框
其實解決這個問題非常簡單 , 那就是讓body滾動到最底部 , 我們給個滾動最大值就可以了
例如下面的jquery:
$(window).resize(function(){ $('body').scrollTop(99999999); });
當視窗大小變化時 , 滾動到最底部 ,微信也是這樣的效果
$(window).resize(function(){
var docheight = $(window).height(); /*喚起鍵盤時當前視窗高度*/
console.log(docheight,windheight);
//_this.scrollBottom();
$('body').scrollTop(99999999);
// if(docheight < windheight){ /*當喚起鍵盤高度小于未喚起鍵盤高度時執行*/
// $(".chatBoxSend").css("position","static");
// }else{
// $(".chatBoxSend").css("position","fixed");
// }
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/261685.html
標籤：其他
上一篇：教你玩轉CSS 導航欄
下一篇：元素水平垂直居中的四種方法