title: Any way to prevent horizontal scrolling triggering swipe back gesture on OS X Lion Safari?
body: <p>I am working on a UI that uses horizontal scrolling in a <code>div</code> element (using <code>overflow: scroll</code>). I cannot scroll to the left, because it would start the animation for going back in history. Likewise, I cannot scroll to the right when there is a website to go forward to.</p>
  
  <p>It works well on other browsers including Chrome on OS X Lion, which also supports swiping to go back in history. (At one point while I was developing, scrolling in a <code>div</code> worked on Safari, too. I've added event handlers and html which probably broke scrolling, but I have no clue what made it change.)</p>
  
  <p>Ideally, I would like to prevent going back or forward in history when scrolling on a specific <code>div</code> (even when it has reached an end.)</p>
  
  <p>Update: I tried adding <a href="https://github.com/brandonaaron/jquery-mousewheel">jQuery.mousewheel</a> and it somehow fixed the problem. (I just attached a empty event handler on <code>.mousewheel()</code>.) I am still looking for a definitive answer.</p>