Smooth scrolling one page / anchors

[zeitl]

What is the easiest way to smoothly (easy ease) scroll to an anchor within a page?

E.g. Have a start page with a fullscreen image and a button on it that says “scroll down”, once the button is pressed the page will smoothly scroll down to the anchor, e.g. a section about services.

Like having the scroll function of the “one-page-wonder menu” but not the menu.

Thanks in advance!

[Tahir – SUPPORT]

Hi ,

Ed i believe would be better able to answer your query . Have assigned this to him.

Thanks
Tahir

[Swift Ideas – Ed]

Hi there,

With the next update, we are adding the ability to include this on your own links simply by adding href=”#asset” class=”smooth-scroll-link”

Hope that helps.

– Ed

[kunzi]

Great that there is going to be an update with this ability. Any time table for the next update?

[Swift Ideas – Ed]

Early next week, just a few things we’ve got to sort out and we’ll release it – it’s a very big update 🙂

– Ed

[zeitl]

Sounds great, thank you!

[petebulley]

I’ve also been trying to achieve this so good to hear it is possible in a coming update.
Will you update this post when the update is out with instructions?

Thanks

[Tahir – SUPPORT]

Hi,
The Update is out Version 1.5 released on 6th Jan. Download Now ! 🙂

Thanks
Tahir

[zeitl]

Thank you very much for the update and respone!

It functions perfectly on normal pages. Great work 🙂

However if I have a fullscreen video with a button overlayed (and using the naked header styling css) there’s an issue:

The button appears, moving upwards (standard animation for parallax). Clicking it, the page will scroll down, but sadly past the anchor (scroll down way too much).

How can that be fixed, any suggestions?

(sorry the website is local for now, but a screenshot of the button is attached)

Thanks in advance.

[Swift Ideas – Ed]

Make sure you’ve added the anchor above the section (using a blank spacer with 0px height is a good solution).

Hope that helps.

– Ed

[zeitl]

That’s the first thing I did 🙂

My solution:
Meanwhile I found out that the problem lies with the video/parallax element stretching to a full height via animation. If I use a fixed content height as “Parallax Video Height”, it works!

Sorry for taking a bit to respond.

[Kyle – SUPPORT]

Ok great, no problem

– Kyle

[themartist]

Is this functionality the same for Cardinal?

ie: href=”#asset” class=”smooth-scroll-link”

[Mohammad – SUPPORT]

Hi,
Its same for Cardinal theme too.
Thanks 🙂
With Best Regards
Mohammad

[danx88]

it’s not working for me on this page:
http://madotta.com/iphone-6-cases

I have the latest version of the theme
what should be the issue?

Cheers,
Sia