iOS Scroll Issue

index.html

<div class="container-fluid">
  <div class="col-md-5">
    <div class="form-area">
      <form role="form">
        <br style="clear:both">
        <h3 style="margin-bottom: 25px; text-align: center;">Contact Form</h3>
        <div class="form-group">
          <label for="name">name</label>
          <input type="text" class="form-control" id="name" name="name" placeholder="Name" required>
        </div>
        <div class="form-group">
          <label for="email">email</label>
          <input type="text" class="form-control" id="email" name="email" placeholder="Email" required>
        </div>
        <div class="form-group">
          <label for="mobile">mobile</label>
          <input type="text" class="form-control" id="mobile" name="mobile" placeholder="Mobile Number" required>
        </div>
        <div class="form-group">
          <label for="subject">subject</label>
          <input type="text" class="form-control" id="subject" name="subject" placeholder="Subject" required>
        </div>
        <div class="form-group">
          <label for="message">message</label>
          <textarea class="form-control" type="textarea" id="message" placeholder="Message" maxlength="140" rows="7"></textarea>
          <span class="help-block"><p id="characterLeft" class="help-block ">You have reached the limit</p></span>
        </div>

        <button type="button" id="submit" name="submit" class="btn btn-primary">Submit Form</button>
      </form>
    </div>
  </div>
</div>

iOS Scroll Issue.markdown

iOS Scroll Issue

A Pen by Seun Martins on CodePen.

License.

style.css

.form-group input {
  padding: 30px 20px;
}

.form-group {
  margin-bottom: 20px;
}

label {
  text-transform: uppercase;
  font-size: 20px
}

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  background: #E9EEF1;
}

.container-fluid {
  position: absolute;
  left: 0px;
  top: 0;
  width: 100%;
  height: 100%;
}

styles

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.5/angular.min.js" rel="stylesheet" />