animate anchor

Question

Hello,

A very simple question and i probably overlooked a simple sample within the theme files.

How can i create a button that links to an anchor, but when clicking on the button it will animate / smooth scroll to the anchor ?
Similar to the one-page layout where you click on a menu and it will goto the relevant section.
Can this be done with normal buttons and links too?

Example site : http://bit.ly/2cwknSp
I would like the smooth scroll to be on the 'about us' button and the 'second section' button

Thank you in advance

SemiColonWeb · Accepted Answer

Hello,

This is Definitely Possible and already available with Canvas. You can find an Example for this on our Live Demos Index Page: http://themes.semicolonweb.com/html/canvas/ (Animated Arrow in the Slider Area). You can apply this Functionality to any Button/Link or basically any Element and will need to simply use the data-scrollto Attribute on the Link Element. Example:

[Scroll to Contact Form](#)

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.

johnjohn · Answer

Thank you! Was indeed a very simple question! Is there also a way to control the speed or type of easing when scrolling to the anchor?

Semicolon Web · Answer

Hello,

Yes this is Absolutely Possible too! You can simply add data-easing="easeInQuad" and data-speed="600" Attributes.

This will definitely work fine. Let us know if we can help you with anything else or if you find any further issues.