<ion-scroll direction="xy" class="scroll" delegate-handle="nomineeDiv">
<div class="table-row" ng-repeat="data in [1,2,3,4]"><!-- Multiple div show horizontally -->
<form name="form{{$index}}">
<!-- Long vertical form
.....
.....
after 4 input tags -->
<div class="list">
<label class="item item-input">
<input type="text" placeholder="First Name">
</label>
<label class="item item-input">
<input type="text" placeholder="Last Name">
</label>
<label class="item item-input">
<textarea placeholder="Comments"></textarea>
</label>
<label class="item item-input">
<textarea placeholder="Comments"></textarea>
</label>
<label class="item item-input">
<textarea placeholder="Comments"></textarea>
</label>
<label class="item item-input">
<textarea placeholder="Comments"></textarea>
</label>
<label class="item item-input">
<textarea placeholder="Comments"></textarea>
</label>
<label class="item item-input">
<textarea placeholder="Comments"></textarea>
</label>
</div>
<!-- Need to scroll to input when input focused -->
</form>
<hr>
</div>
</ion-scroll>