Archived topic
Boucing scroll down arrow
2 replies · Started by Dirk on May 8, 2017
Hello, I use sections on my start page.
But i think it is not clear that you can scroll down to see the other sections. Thats why i added the bouncing arrow at the bottom.
So far so good, my question is: How can i get the button to disapear at the last section and how can i make the button jump from section to section on click?
This is the code i used to ad the arrow: https://codepen.io/dodozhang21/pen/siKtp
Hi Dirk,
I'm not sure if it's possible to hide the arrow on the last section due to the way it's set up currently. The arrow is inserted in the first section. You would need some custom coding to detect where is user is viewing on your page.
You could try to insert an arrow in each section (probably just use GP's built in FontAwesome), then set up anchor system to link to the next section:
http://fontawesome.io/icons/
https://generatepress.com/forums/topic/one-pager/#post-155986
https://generatepress.com/forums/topic/anchor-for-sections/#post-294100
Let me know if this helps.
I would place a separate arrow button inside each section (instead of one arrow for everything), which linked to the next section using the ID.
