fixed定位和input獲取焦點影響鍵盤彈出效果
頁面底部有一塊常駐的區域,即定位fixed,頁面還有輸入區域,當輸入框取得焦點時,常駐區域會被往上頂(有些系統不會),如此一來就影響了佈局。解決方案如下:
[JavaScript] 純文字檢視 複製程式碼var wH = $(window).height(); $(window).on("resize",function(){ var cH = $(window).height(); if(cH<wH){ //當前高度比獲取的高度小,即鍵盤彈起;反之 //隱藏常駐區域 }else{ //顯示常駐區域 } })
相關文章
- input文字框獲取焦點伸縮效果
- 有效解決移動端虛擬鍵盤影響fixed定位問題
- JavaScript文字框獲取焦點彈出tipsJavaScript
- jQuery文字框獲取焦點和失去焦點jQuery
- 移動端軟鍵盤彈出影響頁面佈局問題
- 點選底部input輸入框,彈出的軟鍵盤擋住input(蘋果手機使用第三蘋果
- EditText禁止軟體盤彈出,且不影響其它功能
- 去掉antd的Input元件獲取焦點時的藍色邊框元件
- 純css設定input文字框獲取焦點時的樣式CSS
- H5頁面載入後表單獲取焦點並喚起軟鍵盤?H5
- 去掉input標籤獲得焦點後的邊框
- Qt 介面獲取鍵盤Enter鍵QT
- jquery註冊文字框獲取焦點清空,失去焦點賦值jQuery賦值
- javascript如何獲取哪個元素獲得焦點JavaScript
- jQuery實現文字框獲取焦點jQuery
- js中獲取鍵盤事件JS事件
- 如何利用js獲取取得焦點的元素JS
- js讓文字框獲取焦點程式碼JS
- 文字框獲取焦點設定樣式
- div元素獲取焦點觸發focus事件事件
- js獲取鍵盤按鍵的碼值JS
- Android中EditTex焦點設定和彈不彈出輸入法的問題Android
- Flutter_Webview 鍵盤彈出問題FlutterWebView
- Android 監聽鍵盤彈出收起Android
- input文字框焦點背景變色
- vue中文字框自動獲取焦點Vue
- 遮罩效果的焦點圖遮罩
- 阻止android軟鍵盤自動彈出Android
- JavaScript點選按鈕彈出層效果JavaScript
- JQuery獲取input type=jQuery
- 三個影響SQL Server效能關鍵點SQLServer
- js獲取鍵盤按鍵值程式碼例項JS
- 如何使用angularjs實現文字框獲取焦點AngularJS
- el-table 點選按鈕 表格自動增加一行,同時新增的行input 自動獲取焦點
- Input元件無點選效果元件
- Android 監聽鍵盤狀態變化,並獲取鍵盤高度Android
- EditText的點選事件遮蔽鍵盤響應事件
- jquery焦點圖效果視訊jQuery