當手機輸入焦點時，無法滾動輸入離子應用程序

預定義的手機功能：當我們專注於任何輸入時，它將自動滾動到移動設備中的輸入。當手機輸入焦點時，無法滾動輸入離子應用程序

問題：由於水平滾動也在那裏，所以當我點擊移動設備上的輸入時，它不會自動滾動到輸入和輸入隱藏在鍵盤後面。

我試過delegate-handle這個，但它不工作。

HTML

<ion-scroll direction="xy" class="scroll" delegate-handle="nomineeDiv"> 
    <div class="table-row" ng-repeat="data in nominee"><!-- Multiple div show horizontally --> 
     <form name="data.formName"> 
      <!-- Long vertical form 
      ..... 
      ..... 
      after 4 input tags --> 
      <input type="text" name="something"/> 
      <!-- Need to scroll to input when input focused --> 
     </form> 
    </div> 
</ion-scroll>

控制器

$ionicScrollDelegate.$getByHandle('nomineeDiv').scrollBy(580, 140, true);

來源

2017-03-07 Gaurav

可你只是驗證我做到了那是你的方式或不http://keepnote.cc/3331328 –

確定。只需檢查設備。我點擊上一個輸入頁面向上滾動並聚焦。該文本框的鍵盤頂端.http：//prntscr.com/entaf1 –

我檢查它像打開應用程序滾動垂直，並單擊上一個窗體文本框鍵盤打開，但頁面滾動，並開始正確的？那是你面臨的問題？ –

Solution.1你可以嘗試創建上改變形式的位置雙擊事件是靜態的。這可能會將您的頁腳置於最高位置。

解決方案.2使用CSS在表單上應用overflow-y: scroll;。

解決方案3您還可以嘗試刪除config.xml文件中的首選項<preference name="fullscreen" value="true" />。

我有同樣的問題，我解決它使用Solution.2。

這裏是一個鏈接 - Keyboard Hiding Inputs Problem

來源

2017-03-25 11:14:17

當手機輸入焦點時，無法滾動輸入離子應用程序

回答

相關問題