I have a dynamic form (i load a bunch of json and it ng-repeat over it to generate input fields inside of a list), which is bigger than the screen. The general idea is that I want to be able to scroll down to the last question. But when I do, the page bounces back up to the first question.
My question is: how do I get it to scroll all the way down? Is there a method I have to call after I am done with the ng-repeat?
Some of my code :
<view title="'Relatieformulier'">
<div class="scroll-content has-header overflow-scroll">
<content scroll="true" has-footer="true" has-header="true" padding="true">
<div class="list has-header has-footer">
<form action="#/relationEdit">
<div ng-repeat="element in form | object2Array | orderBy: 'order'" ng-switch="element.type">
<div ng-switch-when="htmlsection">
<div class="item item-divider icon-left ion-ios7-information-outline">
{{element.content}}
</div>
</div>
<div ng-switch-when="text">
<div class="item item-divider">
{{element.label}}
</div>
<label class="item item-input item-stacked-label">
<input type="{{element.type}}" name="{{element.name}}" placeholder="{{element.label}}" />
</label>
</div>
<div ng-switch-when="fieldset">
<div class="item item-divider">
{{element.label}}
</div>
<radio ng-repeat="subelement in element.children"
ng-value="subelement.value"
ng-model="tester"
name="tester">
{{subelement.content}}
</radio>
</div>
</div>
</form>
</div>
</content>
</div>
includes:
<script src="lib/ionic.js"></script>
<script src="lib/angular/angular.js"></script>
<script src="lib/angular/angular-animate.js"></script>
<script src="lib/angular/angular-route.js"></script>
<script src="lib/angular/angular-resource.js"></script>
<script src="lib/angular/angular-touch.js"></script>
<script src="lib/angular/angular-sanitize.js"></script>
<script src="lib/angular-ui/angular-ui-router.js"></script>
<script src="lib/ionic-angular.js"></script>
I hope it’s clear enough for you guys. It’s something I have been having trouble with over the past 2 days.
Please help 
