Jump to the bottom of the page

Tips & Tricks
23

Thanks again for all your help. I am missing a lot of the shorthand here, which makes it tough to figure out what goes where. How do I associate the code with the arrow element? Place it where?

Unfortunately, the tweaked document that you provided does not work.

Based on my experience with other languages, you drop in some code that loads with the document, you apply a tag a specific target, then you attach a script to the trigger object that points at that tagged object. Clicking on a button to insert HTML is straightforward, as is assigning an ID to the target. Attaching the trigger script is confusing me. This gets more complex with relative layouts.

24

It works fine here. I have just retested it and no problem at all. No errors in console and scrolls when i click the top button.

Not sure what you are doing different, how are you testing it ?

25

I opened it in Hype and did a preview in Safari. I would click on the up arrow and nothing would happen. Perhaps you could resend it.

Beyond having a solution to this specific problem, I need to figure out the integration of Hype and JS. I know it is not all that difficult.

Thanks

26

It was not the arrow, but the button. The top button, in the drop down, on the 480 layout scrolls down to the PattsHorz section

scrollBlinds.hype.zip (1.4 MB)

27

So the script looks at the ID of the button and inserts "scroll_"before that ID name and looks for an object with the ID of “scroll_(whatever)”.

That is one of the missing pieces that makes sense of the whole thing. It took a bit of figuring to work this out.

Thanks again.

28

For my future reference, I have created a diagram. Is this correct as shown?

PDF diagram

29

thank you ~~~~~~~~~~~~~~~~~~~

30

does anyone know a page of doing this but on page load? so the page loads at the bottom. you then scroll up.

31

@kennedymatt

I answered - what I believe is the same question You are asking here - in your original post:

32

what does unique ID means? how to do that?

Also, I found that you did that in your official online document:

for example: Tumult Hype Documentation

and you used :#responsive-layouts

is that same way with what you mean? how did you make the left navigation menu please.

Thanks.

Alex

33

By 'Unique Element ID' I mean this field in the Identity Inspector:

41 PM

That was built by taking advantage of a JavaScript tool called 'Tocify' which takes headers in regular HTML and generates a table of contents for you and creates links. Some more info on that in this post.