title: Issue with smooth scroll, fixed navigation and iPad 2
body: <p>I'm developing a one page, wedding site for a friend. It uses the below jQuery to add a 'smooth scroll' effect to the page when clicking on the nav points.</p>
  
  <p>I will be adding an adaptive layout for iPads and iPhones - but they're keen to launch it ASAP and I need to move on to the invites!</p>
  
  <p>Anyhow, I'm experiencing strange behaviour on the iPad - where as the smooth scroll only works on the 1st link you click - and then none of the nab links trigger the behaviour / seem clickable.</p>
  
  <p>I'm assuming that this is an issue with the fixed navigation - however it's working in every other (mac) browser I've tested on and my iPhone.</p>
  
  <p>The site is here</p>
  
  <p><a href="http://www.elandsebswedding.co.uk/main-page/" rel="nofollow">http://www.elandsebswedding.co.uk/main-page/</a></p>
  
  <p>The jQuery is here:</p>
  
  <pre><code>$("nav ul li a, #logo a").click(function(event){
      //prevent the default action for the click event
      event.preventDefault();
      var full_url = this.href;
  
      var parts = full_url.split("#");
      var trgt = parts[1];
  
      var target_offset = $("#"+trgt).offset();
      var target_top = target_offset.top;
  
      $('html, body').animate({scrollTop:target_top -130}, 500);
  
  });
  </code></pre>
  
  <p>Any suggestions / work arounds would be greatly appreciated!</p>