【问题标题】:keyboard hide input (position:fixed; bottom:0;) with phonegap on android键盘隐藏输入(位置:固定;底部:0;)在android上带有phonegap
【发布时间】:2013-11-26 04:24:17
【问题描述】:

尝试了很多东西

<preference name="fullscreen"                 value="false" />  
<preference name="android-windowSoftInputMode"    value="adjustResize" />

这似乎是首选方法,但我的键盘仍然显示在我的输入之上。

adjustResize 是否应该强制应用程序窗口调整大小?我还需要别的吗?

如何阻止它将我的元素隐藏在固定底部的位置?

谢谢

【问题讨论】:

    标签: android cordova android-softkeyboard


    【解决方案1】:

    试试这样的:

    在出现软键盘的html页面的$(document).ready(function() {});函数中添加这些代码。

     var initialScreenSize = window.innerHeight;
     window.addEventListener("resize", function() {
      if(window.innerHeight < initialScreenSize){
         $("#footer").hide();
         document.body.style.position = "fixed";
      }
      else{
         document.body.style.position = "";
         $("#footer").show();                                      
      }
     });
    

    这可能会对你有所帮助。

    【讨论】:

      【解决方案2】:

      您可以检测焦点文本区域或输入,然后等待一段时间,直到显示键盘,最后滚动页面以达到焦点输入。希望这对你有帮助,干杯。

      var container = $('body'),
              scrollTo = $('#textarea');
      
          setTimeout((function() {
              container.animate({
              scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop()
              });
          }), 500);
      

      【讨论】:

        猜你喜欢
        • 2017-02-12
        • 2011-10-26
        • 2015-07-17
        • 2019-10-02
        • 2014-04-07
        • 2014-11-06
        • 1970-01-01
        • 2014-07-29
        • 2011-12-13
        相关资源
        最近更新 更多