Scroll To Top: How to use Anchor Links

Juwan

April 02, 2021 16:50
Updated

In the Scroll to Top app editor, you can add an anchor ID to scroll to any text, image, or video on your webpage that contains the same ID. When the scroll icon is clicked, the page will automatically scroll to the linked text, image, or video.

Here are a few examples of IDs used in HTML:

Text: <h2 id="orange">Title</h2>

In the Anchor ID input, you would insert the ID for the "Title" text as #orange.

Image: <img id="jacket" src="img_girl.jpg"/>

In the Anchor ID input, you would insert the ID for the image as #jacket.

Tip: The ID attribute can be used on any HTML element. Therefore, you can create a unique ID for your text, image, or video element and insert the same ID in your Scroll to Top icon. For more information, check out this article on the HTML ID attribute.

Comments

2 comments

bestycka

June 20, 2019 09:14
https://welookups.com/tags/att_global_id.html
0

Comment actions Permalink

antoniogiardiello.it

April 30, 2020 21:22

Hi!

Google search console gives me this warning. What's wrong?

--------------------

https://www.powr.io/scroll-to-top/u/0acbe266_1585127347:9

'webkitRequestAnimationFrame' is vendor-specific. Please use the standard 'requestAnimationFrame' instead.

---------------------

A cookie associated with a cross-site resource at http://powr.io/ was set without the `SameSite` attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with `SameSite=None` and `Secure`. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

https://www.antoniogiardiello.it/:0

--------------------

I hope you can help me

thank you :)

Please sign in to leave a comment.

Articles in this section

Related articles