How to: Button for scrolling to next section.?

Albin Klein
80 Posts
Albin Klein posted this 29 March 2016

I would like to add a little button, kinda like the "back to top" button but just to scroll to the next section.

I know I can do it adding a button but I cannot add any animation to it like that, I would like it bounces up&down to get attention. Also I would like to add the smooth scrolling too, otherwise it just jump right away.

This is a client request so I need to add it.

Also, would it be possible to scroll down certain length each time is clicked? That would be a hit!

I would like to know if any of these is possible and how.

Thanks a lot.

I would like to add a little button, kinda like the "back to top" button but just to scroll to the next section. I know I can do it adding a button but I cannot add any animation to it like that, I would like it bounces up&down to get attention. Also I would like to add the smooth scrolling too, otherwise it just jump right away. This is a client request so I need to add it. Also, would it be possible to scroll down certain length each time is clicked? That would be a hit! I would like to know if any of these is possible and how. Thanks a lot.

Last edited 29 March 2016 by Albin Klein

button one-page-design smooth-scrolling
Vote to pay developers attention to this features or issue.
6 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 29 March 2016

Hi,

Each Section has ID field:

section-id-4.png

The value of this field can be used to create a button that will scroll to this Section:

  1. add Button (Insert Tab)

  2. add Button link:

    button-to-section.png

  3. To make smooth Scrolling please add Smooth Scrolling extension to this Button control.

You can also add animation.

Unfortunately you can make a button that will scroll to the chosen Section only. But you can add one more button that scrolls the page to one more Section.

Please let us know if you have any further questions.

Thank you,
Olivia

Hi, Each Section has ID field: !section-id-4.png! The value of this field can be used to create a button that will scroll to this Section: 1. add Button (Insert Tab) 2. add Button link: !button-to-section.png! 3. To make smooth Scrolling please add *Smooth Scrolling* extension to this Button control. You can also add animation. Unfortunately you can make a button that will scroll to the chosen Section only. But you can add one more button that scrolls the page to one more Section. Please let us know if you have any further questions. Thank you, Olivia
section-id-4.png
button-to-section.png
Albin Klein
80 Posts
Albin Klein posted this 29 March 2016

I don't know why but I always get into this kind of bugs or problems.

I was looking to add an extension but is not there but if I added another button then I get it!

I really have to take screenshots all the time because it is so estrange the things that I find

error.jpg

but if I add a new one, then I get it:

noerror.jpg

I would be your perfect beta tester if this were not my work!!! :/

Ayway..now I know, again.

I don't know why but I always get into this kind of bugs or problems. I was looking to add an extension but is not there but if I added another button then I get it! I really have to take screenshots all the time because it is so estrange the things that I find !error.jpg! but if I add a new one, then I get it: !noerror.jpg! I would be your perfect beta tester if this were not my work!!! :/ Ayway..now I know, again.
error.jpg
noerror.jpg
Albin Klein
80 Posts
Albin Klein posted this 29 March 2016

Ok now I made a new one and when I add an extension it doesn't work even when the extension was applied and it shows it is there, it don't do anything BUT if I copy the style of a button from an horizontal menu then it gets animated BUT it doesn't display the extension as applied.. arghhh

And this kind of weird stuff is the kind I deal with all the time with Themler... Is there any particular reason?

Ok now I made a new one and when I add an extension it doesn't work even when the extension was applied and it shows it is there, it don't do anything BUT if I copy the style of a button from an horizontal menu then it gets animated BUT it doesn't display the extension as applied.. arghhh And this kind of weird stuff is the kind I deal with all the time with Themler... Is there any particular reason?
Support Team
Support Team posted this 30 March 2016

Hello,
1.please provide access to your WP admin back end and we'll check what happens with Button control on the template mentioned on screenshot

2.please describe the last issue in more details: do you mean that if you copy style from horizontal menu and apply it to button, then you cannot apply extension to the button? Please correct me if I'm wrong

Regards,
Aileen

Hello, 1.please provide access to your WP admin back end and we'll check what happens with Button control on the template mentioned on screenshot 2.please describe the last issue in more details: do you mean that if you copy style from horizontal menu and apply it to button, then you cannot apply extension to the button? Please correct me if I'm wrong Regards, Aileen
Albin Klein
80 Posts
Albin Klein posted this 30 March 2016

Yes but it all got fixed with the v.265 Beta update...

Thank you.

Yes but it all got fixed with the v.265 Beta update... Thank you.
Support Team
Support Team posted this 31 March 2016

Hello Albin,
thank you for the feedback.
Please feel free contacting us if you have additional questions

regards,
Aileen

Hello Albin, thank you for the feedback. Please feel free contacting us if you have additional questions regards, Aileen
You must log in or register to leave comments