How to scroll to sections?

Bullen165 · June 2014

Hi! Im trying to create a One page site where i want to have sections. On the top of the page i want to have 3-4 links and when i press you automatically scroll down to the right section of the page. I got that to work but how to i make it scroll down to the page? Now when i click on the page im at the right section instantly.

Like this: http://themes.muffingroup.com/betheme/pages/help-center#faq_1

Albert · June 2014

Hey,

for the page you ask for we did it very simple way. At the top we used Column item and inside we used below code:

<center>[content_link title="General Questions" icon="icon-lifebuoy" link="#faq_1" class="scroll"][content_link title="Theme Options" icon="icon-cog" link="#faq_2" class="scroll"][content_link title="Content builder" icon="icon-tools" link="#faq_3" class="scroll"]</center>

As you can see above, the most important for smooth scroll is class="scroll".

But below that we used FAQ items, where inside of each we added span attribute for title, just like on screenshot http://snag.gy/muEEO.jpg

Also in doc on page 118/119 we described how this works for menu.

Hope this will help you a lot

Bullen165 · June 2014

Thanks! I got it to work with the Button key!

FYI in the PDF documentation (which is excellent btw) 118/119 is about How to use WooCommerce shortcodes and setup pages for shop. 119 is about Translation & WPML

Albert · June 2014

Sorry, we checked .doc file instead of .pdf. And you're right, this has been described but on 114/115 pages.

slecouster · July 2014

Hi,

I would like to use the scroll effect from a "sliding box" link.
The link works fine, but with NO scroll effect.

I tried to add the class into the section parameter (with the link), and in the section parameter destination.

I never success to obtain the effect.
Is it possible, and how to proceed please.

Thanks.

Albert · July 2014

@slecouster Please send us access to your website so we can have a look on it and we`ll see what can be the problem.

slecouster · October 2014

Hi. I'm back.
I succeed to implemente the scroll link in another website, but I don't find how to solve the 'sliding box" issue.

Here is the website address : www.accrochecoeur-nantes.fr
When you click iin one of the 3 images : "vos attentes" or " bien vous connaitre" or "un cadre confidentiel et sécurisé".

Thanks.
Regards.

Albert · October 2014

If you mean nice scroll for those items, then unfortunately this is not possible. For those items, scroll can`t be setup.

slecouster · October 2014

Yes I did

OK. Thanks, the link wil stay like that.

How to scroll to sections?

Comments