So I'm building a site using Foundation 4. It's a one page website, so I have a sidebar with anchor links to sections of the content.

The anchor links work just fine on their own, but whenever I try to animate the scroll the links just break and do nothing when you click them.

I've tried so many different methods, and all have the same outcome.

Not sure if it's something that is conflicting with Foundation or if it's something I'm not doing right.

The strange thing is, it works in Safari and a few mobile browsers but not for Chrome, IE, Firefox and Opera on desktop.

Anyway, heres the fiddle http://jsfiddle.net/nTSXY/2/ (If you remove the js on the fiddle the anchors will work normally again)

Any help is much appreciated