title: Angular JS - UI Routing - the script always scrolls down to the injection but I want them to see the whole page?
body: <p>I am using a bootstrap template and I tried to implement Angular JS with ui.routing
  The injection and navigation itself works fine... only my header includes a slider and the text is injected below. So every time someone access the route domain, he will by default get the home route; but after loading the site it automatically scrolls down to the injection part and the user does not see the header and the slider. How can I change that?</p>
  
  <p>Here is part of my html code:</p>
  
  <pre><code>&lt;header ng-include="'templates/header.html'"&gt;&lt;/header&gt;
  &lt;div class="container"&gt; 
  &lt;div class="row" &gt;
      &lt;div ui-view&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;footer ng-include="'templates/footer.html'"&gt;&lt;/footer&gt;
  </code></pre>
  
  <p>and here is my app.js</p>
  
  <pre><code>angular
  .module('myApp', ['ui.router'])
  .config(['$urlRouterProvider','$stateProvider',function($urlRouterProvider,$stateProvider){
      $urlRouterProvider.otherwise('/');
      $stateProvider
          .state('home',{
              url: '/',
              templateUrl: 'templates/home.html'
          })
          .state('about',{
              url: '/about',
              templateUrl: 'templates/about.html'
          })
          .state('contact',{
              url: '/contact',
              template: 'CONTACT'
          })
  }])
  </code></pre>