title: Onsen UI - Toolbar is not fixed to top on Cordova WP Universal App
body: <p>I am developing a cordova application with onsen ui.</p>
  
  <p>I already found some problems that occur only on windows phone (i assume that this is the case because wp is not supported for such a long time)
  . But there is 1 problem that i really need to fix.It seems that the ons-toolbar element is not fixed to the top in windows phone. If i scroll down, the toolbar also moves with the content. This doesn't happen on android.</p>
  
  <p>Thats how i build up my page (the following code is inside an ons-sliding-menu):</p>
  
  <pre><code>&lt;ons-page ng-controller="findUsersController"&gt;
  
  &lt;ons-toolbar fixed-style&gt;
      &lt;div class="left"&gt;
          &lt;ons-toolbar-button ng-click="menu.toggleMenu()"&gt;
              &lt;ons-icon icon="fa-bars"&gt;
          &lt;/ons-toolbar-button&gt;
      &lt;/div&gt;
      &lt;!--&lt;div class="left"&gt;&lt;ons-back-button ons-if-platform="ios"&gt;Back&lt;/ons-back-button&gt;&lt;/div&gt;--&gt;
      &lt;div class="center"&gt;&lt;h3 style="display:inline;"&gt;Connect&lt;span style="color:cornflowerblue;"&gt;Us&lt;/span&gt;&lt;/h3&gt;&lt;/div&gt;
  &lt;/ons-toolbar&gt;
  
  
  &lt;ons-pull-hook ng-action="findUsers($done)" var="loader"&gt;
      &lt;span ng-switch="loader.getCurrentState()"&gt;
          &lt;span ng-switch-when="initial"&gt;&lt;ons-icon size="35px" icon="ion-arrow-down-a"&gt;&lt;/ons-icon&gt; Pull down to refresh&lt;/span&gt;
          &lt;span ng-switch-when="preaction"&gt;&lt;ons-icon size="35px" icon="ion-arrow-up-a"&gt;&lt;/ons-icon&gt; Release to refresh&lt;/span&gt;
          &lt;span ng-switch-when="action"&gt;&lt;ons-icon size="35px" spin="true" icon="ion-load-d"&gt;&lt;/ons-icon&gt; Loading data...&lt;/span&gt;
      &lt;/span&gt;
  &lt;/ons-pull-hook&gt;
  
  &lt;ons-list&gt;
      &lt;ons-list-item ng-show="users.length === 0"&gt;
          &lt;div class="info"&gt;
              Pull down to refresh
          &lt;/div&gt;
      &lt;/ons-list-item&gt;
      &lt;ons-list-item class="item" ng-repeat="user in users"&gt;
          &lt;ons-row&gt;
              &lt;ons-col width="80px"&gt;
                  &lt;img ng-src="http://lorempixel.com/60/60/?{{user.rand}}" class="item-thum" /&gt;
              &lt;/ons-col&gt;
              &lt;ons-col&gt;
                  &lt;p class="item-desc"&gt;{{ user.username }}&lt;/p&gt;
              &lt;/ons-col&gt;
          &lt;/ons-row&gt;
      &lt;/ons-list-item&gt;
  &lt;/ons-list&gt;  
  &lt;/ons-page&gt;
  </code></pre>
  
  <p>Initially everything shows up correct, but when i pull down to refresh, the toolbar moves down as well and the ons-pull-hook doesn't react. How can this be? i mean the toolbar is in no scrollable element.</p>
  
  <p>Is there anyone who has an idea how to fix this problem?</p>