Équivalent of HTML function "Named Anchor" in a Hype document

Bon Jour Jean!

Hype Demo: smoothScrolling_varJHSv1.hype.zip (59.8 KB)

This demo is based on this thread’s example (@Daniel who references @h_classen ) which has jQuery script dependencies (95K).

I have made some modifications to the file - some cosmetic & some functional. The functional changes involve controlling the speed of the scroll. The speed is set by two scripts - “scrollSpeedMedium” & “scrollSpeedInstant” both of which make a small change to the number in the script. This number represents milliseconds:
AA_CONFIG.animationLength = 500; (Medium)
AA_CONFIG.animationLength = 10; (Instant)

This code references the jQuery script: “jquery.arbitrary-anchor.js”

You can set the milliseconds to what You wish, though I find it can get a little jerky if the number is set to 1000 (i.e. 1 sec) or above.

=============================================

The “named anchor” mechanism works in two parts…

The button~trigger which references the target ID…
38%20AM

And the ID of the target (“named anchor”) which is set in the “Identity” panel as usual.
23%20AM