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

[jbob (jol yates)]

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 !!

[dan]

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…

[jbob (jol yates)]

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,

[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

[jbob (jol yates)]

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

[jbob (jol yates)]

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

[dan]

@jbob

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

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?

[jbob (jol yates)]

… hmmm

[jbob (jol yates)]

odd

[dan]

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

[jbob (jol yates)]

elementsapp://downloadDocument/xLHI9fTuFLIe

I’m prolly doing something daft : P

[dan]

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”

[jbob (jol yates)]

@dan

#MySection

Fab - thank you Dan !!

[jbob (jol yates)]

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 : )

[dan]

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