Arrow or symbol used to bring you to the top of the page

[SueB]

I added an arrow and made it sticky, and this is either for mobile or computer version, and I'd like it to start further down the page, and that's where I placed it but when I render the page it's near the top (not at the top). In other words, it should start somewhere out of sight as you are scrolling, for instance a blog post....can that be done, to set where it starts?


I tried to just use the back to the top of the page, but then it didn't scroll with the page..so I went back to it being sticky but it starts to high up on the page in my humble opinion...don't like it.

Is there any settings to change this? A work around?

Thanks...
Sue

[Chris M]

I've included the .xar file as visuals are easier than words. There are only 2 things we are playing with: the arrow and the ballroom dancers.

Ballroom dancers:
Select a graphic, text, shape, whatever down the page where you would like the arrow to appear.
Click Utilites > Names and give the object a name. I called mine 'trigger1', but it can be anything.

Arrow:
Place it where you would like it to be in relation to the top of the page.
Make it sticky.
Make it Link To Top Of Page.
Click Utilities > Web Animation > Reveal/Scroll (tab) > Reveal Animation (radio button) > Trigger Object Name (drop down box) and choose whatever you named your object.

You can use an animation to make the object appear, I used Fade, but there's a decent list to choose from.

>>> Sue Arrow.xar <<<

[SueB]

Thanks, Chris M. That's just what I needed! Brilliant!

I've included the .xar file as visuals are easier than words. There are only 2 things we are playing with: the arrow and the ballroom dancers.

Ballroom dancers:
Select a graphic, text, shape, whatever down the page where you would like the arrow to appear.
Click Utilites > Names and give the object a name. I called mine 'trigger1', but it can be anything.

Arrow:
Place it where you would like it to be in relation to the top of the page.
Make it sticky.
Make it Link To Top Of Page.
Click Utilities > Web Animation > Reveal/Scroll (tab) > Reveal Animation (radio button) > Trigger Object Name (drop down box) and choose whatever you named your object.

You can use an animation to make the object appear, I used Fade, but there's a decent list to choose from.

>>> Sue Arrow.xar <<<

[SueB]

Okay...did what you suggested. Everything was easy to follow..thanks.
Tried the "Fade" but it did not show up, so I picked "instant" and still it's not showing up.
I had done it on some of the pages for the computer but more so for the mobile version...and tried 2 different browsers and my mobile phone.
Feeling quite stupid at the moment! I know this is not hard to do...why..why...is it not working?
It's in the mouseoff layer.
What did I do now? eeekkkk

https://www.makom/org/testing2022
http://makom.org/testing2022
specifically it should be on the home page among others but here is one directly for you:
https://www.makom.org/testing2022/ra...-of-holies.htm

I've included the .xar file as visuals are easier than words. There are only 2 things we are playing with: the arrow and the ballroom dancers.

Ballroom dancers:
Select a graphic, text, shape, whatever down the page where you would like the arrow to appear.
Click Utilites > Names and give the object a name. I called mine 'trigger1', but it can be anything.

Arrow:
Place it where you would like it to be in relation to the top of the page.
Make it sticky.
Make it Link To Top Of Page.
Click Utilities > Web Animation > Reveal/Scroll (tab) > Reveal Animation (radio button) > Trigger Object Name (drop down box) and choose whatever you named your object.

You can use an animation to make the object appear, I used Fade, but there's a decent list to choose from.

>>> Sue Arrow.xar <<<

[Chris M]

You have a lot of pages, I would be looking to do something that is easily replicated.

If the background is pastel blue on all pages, I would make a simple rectangle in the same colour.
Make it, say, 100px wide and tall enough to reach the bottom of your longest page (this ensures the arrow does disappear once you've scrolled past the trigger).
Place the top of the rectangle where you want the arrow to appear and make a note of the x/y coordinates, so you can locate it easily. (the example is set to x:0, y:1200)
Name it 'trigger1' (or whatever).
Send it to the back of the page.
Arrange > Repeating Object > Repeat on all pages

Your arrow should, indeed, be on the MouseOff layer. Create it as the first set of instructions and make it repeat as above.

>>> Sue Arrow Long.xar <<<

[SueB]

I messed around a bit more, the one arrow that I had made, copied and pasted just wasn't working on any of the pages.
So I started from scratch. I did something last night with a new arrow, and a bit different order and then it worked! Go figure.
Now if I could remember how I did it...sigh...but I can copy and paste it on other pages and it should work, right?
I don't need it on all pages...but that may be a GREAT idea because then I can go delete it from a few of the pages that are short!

You have a lot of pages, I would be looking to do something that is easily replicated.

If the background is pastel blue on all pages, I would make a simple rectangle in the same colour.
Make it, say, 100px wide and tall enough to reach the bottom of your longest page (this ensures the arrow does disappear once you've scrolled past the trigger).
Place the top of the rectangle where you want the arrow to appear and make a note of the x/y coordinates, so you can locate it easily. (the example is set to x:0, y:1200)
Name it 'trigger1' (or whatever).
Send it to the back of the page.
Arrange > Repeating Object > Repeat on all pages

Your arrow should, indeed, be on the MouseOff layer. Create it as the first set of instructions and make it repeat as above.

>>> Sue Arrow Long.xar <<<

[Chris M]

You will need to copy/paste the trigger as well as the arrow.

Don't forget that the arrow will magically disappear when the trigger object is off screen. You could either use the rectangle method, as above, or use multiple objects all named the same.