/    Sign up×
Community /Pin to ProfileBookmark

jQuery scrollto breaks links

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.

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

Any help is much appreciated ?

to post a comment
JavaScript

1 Comments(s)

Copy linkTweet thisAlerts:
@donmildreoneauthorOct 02.2013 — Just figured out it works in Safari and a few mobile browsers but not for Chrome, IE, Firefox and Opera on desktop. Weird.
×

Success!

Help @donmildreone spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...