Div覆蓋我在手機上的輸入

我正在創建一個web應用程序，但是我的css有問題。Div覆蓋我在手機上的輸入

我有一個<div>固定在底部，這個CSS代碼

<div id="menu" style="background-color: rgb(255, 255, 255); bottom: 0px; position: fixed; left: 0px; width: 100%; box-shadow: 1px 1px 4px 3px rgba(0, 0, 0, 0.32); margin-top: 80px; overflow: hidden;"> 

</div>

未來當移動我輸入的<input type="text">文字的問題，我的股利支付我的輸入，我需要滾動的看什麼網頁我在寫。

我怎樣才能解決這個問題？

謝謝！

來源

2016-06-21 Andrea php

這不是你的問題，它取決於手機。如果您嘗試滾動內容，則可能會出現錯誤。所以，就這樣離開它。 – skobaljic

而我該如何解決它？ –

讓Android開發人員考慮一下。 – skobaljic

您可以嘗試在關注輸入時隱藏它。有一些技巧要做，它取決於你的代碼是如何編寫的以及你的應用程序的工作方式。

最簡單的方法，但也許不是最好的是這樣的

$(document).ready(function() { 

$("input").click(function(){ 
     $("#menu").hide(); 
      }).blur(function(){$("#menu").show(); 
});

但在這種情況下，它需要網頁上的所有投入。這只是您可以更改和改進的示例解決方案。另外，你應該使它僅適用於手機。還有一個解決方案，您可以驗證手機屏幕的更改，該屏幕指示用戶顯示了鍵盤 - 當屏幕高度更改時，您可以隱藏/顯示覆蓋div。

來源

2016-06-21 08:11:29 mamosek

Div覆蓋我在手機上的輸入

回答

相關問題