title: how to change state without calling $stateChangeSuccess
body: <p>I am trying to change the url without reloading  <code>$stateChangeSuccess</code>. When an element exists it should change the state and scroll to the element. I am able to scroll but not able to change the state. Sorry for my poor English.</p>
  
  <pre><code>$rootScope.$on('$stateChangeStart', 
    function(event, newUrl, oldUrl, fromState, fromParams) {
  
      var l = ($location.$$path).split("/");
      l.shift();
      var step = l[1];
  
      if (step != "step4") return
  
      var module = l[2];
  
      if (newUrl.data.elementExists(module)) {
  
          var el = document.getElementById("SECTION" + module.hashCode());
          ZCScrollComponents.scrollTo(ZCDocumentationContainer, el.offsetTop, 300, null);
  
          event.preventDefault();
          $state.go($location.$$path)
          return false
      }
  })
  </code></pre>