I’m using the default seed project as the basis for an app. So in my index.html I have:
<body ng-app="starter">
<!-- Our navigation router with some animations set -->
<pane nav-router animation="slide-left-right-ios7">
<!-- The nav bar that will be updated as we navigate -->
<nav-bar class="nav-title-slide-ios7" type="bar-positive" back-button-type="button-icon" back-button-icon="icon icon-back"></nav-bar>
<!-- where the content of each page will be rendered -->
<ng-view></ng-view>
</pane>
</body>
For some reason the nav bar can be dragged upwards and downwards when touching. It’s the default nav bar element so in the CSS it has position fixed. In config.xml I have these preferences set:
<preference name="webviewbounce" value="false" />
<preference name="UIWebViewBounce" value="false" />
How can I disable this scrolling behavior on the title bar?