2016-04-14 30 views
0

Belirli bir sayfada footer-bar ile ilgili bir sorunla karşı karşıyayım. Girişin odaklandığı sırada klavye belirir ve altbilgi klavyenin üzerinde kalır.Klavye göründüğünde altbilgiyi gizle ionic

HTML

<ion-view> 
    <ion-content> 
     <!-- Content goes here --> 
    </ion-content> 
    <div class="bar dash-footer-col dash-footer bar-footer"> 
     <div class="row"> 
      <div class="col dash-footer-col mycharts-footer-col footertopredboarder" <img src="img/icons/1.png" ng-click="go('home')"> 
       <div> 
        <h5>HOME</h5> 
       </div> 
      </div> 
      <div class="col dash-footer-col mycharts-footer-col footer-top-boarder " ng-click="go('profile')"> 
       <img src="img/icons/2.png"> 
       <div> 
        <h5>PROFILE</h5> 
       </div> 
      </div> 
      <div class="col dash-footer-col mycharts-footer-col footer-top-boarder" style="padding-top:0px;" ng-click="go('contact')"> 
       <img class="weather-icon" src="img/icons/3.png"> 
       <div style="height:1em;"> 
        <h5>CONTACT</h5> 
       </div> 
      </div> 
      <div class="col dash-footer-col mycharts-footer-col footer-top-boarder" ng-click="go('logout')"> 
       <img src="img/icons/4.png"> 
       <div> 
        <h5>LOGOUT</h5> 
       </div> 
      </div> 
     </div> 
    </div> 
</ion-view> 

ben app.js aşağıda satır ekleyerek bu sorunu gidermek için çalıştık. Altbilgi gizlendikten sonra, Ama titrek bir sorun var. Klavye görününce altbilgiyi saklamanın başka bir yolu var mı? Lütfen yardım edin.Teşekkürler.

Teşekkür

cevap

2

bu tür şeylere

<div class="hide-on-keyboard-open"> 

için kullanabilirsiniz "hide-on-keyboard-open" sınıf ionic keyboard plugin

bir göz var atın edilir
1
window.addEventListener('native.keyboardshow', function(){ 
     document.body.classList.add('keyboard-openC'); 
    }); 

window.addEventListener('native.keyboardhide', function(){ 
     document.body.classList.remove('keyboard-openC'); 
    }); 

bu deneyebilirsiniz (kaçak()). Sadece doğru css kuralı ekleyeceksiniz ve tamam olması gerekiyor.