title: Angular detect scroll
body: <p>I have a quite simple navigation system built with Angular.
  My main controller generates the menu.</p>
  
  <pre><code>&lt;nav class="{{active}}" ng-click= ""&gt;
          &lt;a href="#a" class="home" ng-click= "active='home'"&gt;Home&lt;/a&gt;
          &lt;a href="#b" class="projects" ng-click= "active='projects'"&gt;Projects&lt;/a&gt;
          &lt;a href="#c" class="services" ng-click= "active='services'"&gt;Services&lt;/a&gt;
          &lt;a href="#d" class="contact" ng-click= "active='contact'"&gt;Contact&lt;/a&gt;
      &lt;/nav&gt;
  </code></pre>
  
  <p>Each link goes to a page part, flagged by an anchor.</p>
  
  <p>Is there any way of detecting if the user has scrolled upon an anchor tag and highlight the matched menu item?
  Furthermore, is it valid as a code technique to bind click event on the menu items to achieve a smoother scrolling?
  Full example: <a href="http://jsfiddle.net/4VLLc/4/" rel="nofollow">http://jsfiddle.net/4VLLc/4/</a></p>