Seeking a 'Scroll-down' button ... and 'back-to-top' button

Can anybody point me in the right direction for a ‘scroll-down’ to content and a ‘back-to-top button.

… Ideally smooth scrolling

Thank you !!

1 Like

You can use the Anchor link feature to do scroll down to a section, and in the next update (due later today) we’ll have a “Scroll to top” button template. Here’s how to do both of these things…

1 Like

That’s amazing Dan … but it won’t work from within a global !?

(as you need to specify the specific page … as opposed to ‘current page’)

It’s not possible to have an option for page : self … is it ?

Thanks Dan,

Ah-ha!

If the content area has the same ID on every page, then you can just reference it in a link manually, using #LINK-NAME, like this…

Let me know if that works for you :slight_smile:

Hi Dan - no that doesn’t work here.

When I hover over the link it says “Go to #MySection on this page” … but it doesn’t seem to do it

: (

Jol

However - the ‘Back to top’ button works perfectly - thanks Dan !!

I’ve just tested it and it works here. Did you name the ID of your section to “MySection” and is it far enough down the page?

… hmmm

odd

If it’s still not working… you’ll have to share your project again so I can take a look at what you’re dong wrong :wink:

elementsapp://downloadDocument/xLHI9fTuFLIe

I’m prolly doing something daft : P

You just need a hashtag at the front of the link, but not the ID (don’t ask, it’s just how browsers work).

Set it up like this (take note, the Link Panel has a # at the start of the word).

Link Panel: “#MySection
ID: “MySection”

Fab - thank you Dan !!

1 Like

Back-to-top button feedback

Love it - but you need to be at page end to use it (or wherever you placed it)

Perhaps it should appear once you scroll down ‘below the fold’ … then it should just stay in the bottom right corner of the screen, ready to use whenever you need the ‘top’ again.

ie: like the elements badge, it would stay in the corner of the screen no %^!-king matter what : )

You could use this custom component, it hides and shows as you scroll up and down!