How to prevent keyboard push up webview at iOS app using phonegap

by

On focus, set window.scrollTo(0,0); This prevents keyboard from pushing up webview completely

$('input').on('focus', function(e) {
    e.preventDefault(); e.stopPropagation();
    window.scrollTo(0,0); //the second 0 marks the Y scroll pos. Setting this to i.e. 100 will push the screen up by 100px. 
});

If you don’t want to set a static value for your Y scroll position, feel free to use this short plugin I’ve written that automatically aligns the keyboard underneath the input field. It’s not perfect, but it does the job. Just call this on focus as shown above:

setKeyboardPos(e.target.id);

More Related Contents:

  1. How to parse JSON response to show Image and Webview.
  2. Making a UITableView scroll when text field is selected
  3. iPhone Keyboard Covers UITextField
  4. How to hide keyboard when using SwiftUI?
  5. How can I detect if an external keyboard is present on an iPad?
  6. Cordova app hanging during startup on iOS 10
  7. Xcode 6: Keyboard does not show up in simulator
  8. A Swift example of Custom Views for Data Input (custom in-app keyboard)
  9. Move a view up only when the keyboard covers an input field
  10. iOS 7 Status bar with Phonegap
  11. Xcode iOS 8 Keyboard types not supported
  12. Phonegap CDVViewController.h file not found when Archiving for iOS
  13. Add entry to iOS .plist file via Cordova config.xml
  14. After upgrading to xcode 9, cordova app won’t build, error 70, requires provisioning profile
  15. hiding keyboard ios [duplicate]
  16. Why doesn’t my Cordova/PhoneGap iOS app rotate when the device rotates?
  17. How to check if a file exists in Documents folder?
  18. How to dismiss keyboard iOS programmatically when pressing return
  19. iPhone / iOS : Presenting HTML 5 Keyboard for Postal Codes
  20. Dismissing the keyboard in a UIScrollView
  21. UIKeyboardFrameBeginUserInfoKey & UIKeyboardFrameEndUserInfoKey
  22. Phonegap iOS 5.1 and localStorage
  23. xcode 5.1: libCordova.a architecture problems
  24. Is it possible to make a PhoneGap app for iOS without Mac?
  25. How to reliably detect if an external keyboard is connected on iOS 9?
  26. Go vs. return button in iOS keyboard for HTML input forms
  27. How to mimic Keyboard animation on iOS 7 to add “Done” button to numeric keyboard?
  28. How to manage cookies with UIWebView in Swift
  29. Custom Cordova Plugin: Add framework to “Embedded Binaries”
  30. phonegap: cookie based authentication (PHP) not working [webview]

Leave a Comment