Hi!
I notice that there is a difference in scroll speed when using a link for in page jumps (i.e. /page/#section) when using a developer id in a color section vs using a div in a code block (or a html anchor tag works the same way).
When using the color section I get a nice slow scroll to the section. When I use a div in a code block or anchor tag the page jumps immediately to the section.
I am unable to use a color section on my page, is there a another way to achieve the slow scroll?
Thanks!
Keith
Hi Keith!
I am unable to use a color section on my page
Why are you not able to use a section in your Page? also, what kind of html anchor tag are you trying to use in a Code Block?
Cheers!
Josue
Hi Josue,
Sorry if that wasn’t clear, we can add color sections but in this instance, we are scrolling to sections inside a grid row We’ve tried a simple HTML anchor tag and also using a code block with:
<div id="my-anchor"></div>
both work for scroll but the the scroll speed is instant. If you anchor using a color section, the scroll speed is slower an more pleasant. :)
Thanks for your help!
Hey!
Can we please take a look of your web site?
Can you provide us a link, please?
Best regards,
Basilis
It’s in development and password protected, see private content.
Hey!
I see you’re using:
<a name="development"></a>
Try the following instead: in each Heading element wrap the content with a span with its respective id attached to it, so instead of:
Leadership Development
Put:
<span id="development">Leadership Development</span>
Cheers!
Josue
Works perfectly! I didn’t know that I could add a span to the Heading element. Thanks Josue.
Yes, most ALB element accept HTML tags so you can extend their functionality :)
Regards,
Josue