Title bar is scrollable


#1

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?


#2

Of course, immediately after I post this I come across this thread:

Will investigate this now.


#3

Indeed, setting <preference name="DisallowOverscroll" value="true" /> in config.xml was the solution to this problem.