title: Scroll Webpage input Field to Top prevent hide by Soft Keyboard
body: <p>I have a webpage used on Mobile devices when clicking in input fields the Android Soft keyboard is hiding the input fields when I click in the input field I want the field to scroll up to become visible above the keyboard.</p>
  
  <p>I've search various articles many refer to an Android manifest file but this is a webpage not an app. I've also tried various javascript options including the one below but many browsers don't seem to like the .focus event. It works on chrome but not on many other.</p>
  
  <pre><code>jQuery(function ($) {
          $("#Litres").focus(function () {
              document.body.scrollTop = $(this).offset().top;
          });
      });
  </code></pre>
  
  <p>Does anyone have a simple solution to achieve the desired effect for a webpage.?</p>