I have a one page website that I would like users to be able to navigate through using the same animation as the back to top button that comes with the theme.
So when a user clicks a link, the page scrolls to that specific section using the same animation as the back to top button. I know there are some plugins I can use but they seem to interfere with the use of the tabbed section shortcode that I have on the site.
Is there any way I can use the scroll feature that the theme comes with?
To use the scroll to plugin you just need to add anchor links from your menu items. So for example, ”#about” could be entered into a link:
http://i.imgur.com/XUvsNXj.png and then it would correlate with the section on your page where you have:
<div id="about"> </div>
(which gets added through the text tab of course).
Finally, in the plugin settings there’s an input that says “selectors”. Add this inside of it:
Lol i just spent 5 hours searching the web figuring out that function. Then i came back here to find some info and saw this post. I just switched over all my scripts and js files to this. So much easier.. thanks heaps!
Hi,
I have a one page website that I would like users to be able to navigate through using the same animation as the back to top button that comes with the theme.
So when a user clicks a link, the page scrolls to that specific section using the same animation as the back to top button. I know there are some plugins I can use but they seem to interfere with the use of the tabbed section shortcode that I have on the site.
Is there any way I can use the scroll feature that the theme comes with?
Many thanks
Dan
Hey Daniel!
Just grab this plugin:
http://wordpress.org/plugins/page-scroll-to-id
To use the scroll to plugin you just need to add anchor links from your menu items. So for example, ”#about” could be entered into a link: http://i.imgur.com/XUvsNXj.png and then it would correlate with the section on your page where you have:
(which gets added through the text tab of course).
Finally, in the plugin settings there’s an input that says “selectors”. Add this inside of it:
Cheers
ThemeNectar Support Team
Thank you!
Lol i just spent 5 hours searching the web figuring out that function. Then i came back here to find some info and saw this post. I just switched over all my scripts and js files to this. So much easier.. thanks heaps!
Hey Simon!
Glad to be of help . Also do check out the FAQ's.I am adding new ones each day.
Cheers
ThemeNectar Support Team