fixed定位和input獲取焦點影響鍵盤彈出效果
頁面底部有一塊常駐的區域,即定位fixed,頁面還有輸入區域,當輸入框取得焦點時,常駐區域會被往上頂(有些系統不會),如此一來就影響了佈局。解決方案如下:
[JavaScript] 純文字檢視 複製程式碼var wH = $(window).height(); $(window).on("resize",function(){ var cH = $(window).height(); if(cH<wH){ //當前高度比獲取的高度小,即鍵盤彈起;反之 //隱藏常駐區域 }else{ //顯示常駐區域 } })
相關文章
- input文字框獲取焦點伸縮效果
- 有效解決移動端虛擬鍵盤影響fixed定位問題
- JavaScript文字框獲取焦點彈出tipsJavaScript
- 移動端軟鍵盤彈出影響頁面佈局問題
- 去掉antd的Input元件獲取焦點時的藍色邊框元件
- 點選底部input輸入框,彈出的軟鍵盤擋住input(蘋果手機使用第三蘋果
- 滑鼠滑過和獲取焦點樣式
- EditText禁止軟體盤彈出,且不影響其它功能
- 點選Enter鍵表切換焦點效果
- H5頁面載入後表單獲取焦點並喚起軟鍵盤?H5
- js中獲取鍵盤事件JS事件
- input文字框焦點背景變色
- vue中文字框自動獲取焦點Vue
- JQuery獲取input type=jQuery
- Flutter_Webview 鍵盤彈出問題FlutterWebView
- JavaScript點選按鈕彈出層效果JavaScript
- Input元件無點選效果元件
- el-table 點選按鈕 表格自動增加一行,同時新增的行input 自動獲取焦點
- CSS position定位(fixed、sticky)CSS
- ant-design輸入框自動獲取焦點
- Android 監聽鍵盤狀態變化,並獲取鍵盤高度Android
- jquery焦點圖效果視訊jQuery
- Android監聽軟鍵盤收起與彈出Android
- python-input鍵盤輸入Python
- 自定義jqGrid編輯功能,當行獲取焦點時編輯,失去焦點時儲存
- iOS textField鍵盤彈出/收起 自動上下移iOS
- win10自動彈出觸控鍵盤Win10
- 盤點:QuickTime Player 鍵盤快捷鍵和手勢大全UI
- win10平板鍵盤自動彈出怎麼關閉_win10平板鍵盤自動彈出處理方法Win10
- 如何解決input遇到fixed,absolute佈局出現的問題
- 獲取滑鼠左鍵點選 creator 3.8
- RSA創新沙盒盤點|Cado Security——雲原生取證和響應
- win10獲取焦點滑鼠消失怎麼解決_win10滑鼠焦點消失怎麼辦Win10
- JavaScript焦點圖輪播效果詳解JavaScript
- position:fixed 相對父元素定位
- Java socket 獲取gps定位Java
- 資料盤點737 MAX全球停飛造成的影響
- iOS鍵盤彈出時動畫時長失效問題iOS動畫
- 輸入框跟隨鍵盤彈出/隱藏移動