# Jump from the top of the page to the bottom

**URL:** <https://forum.inductiveautomation.com/t/jump-from-the-top-of-the-page-to-the-bottom/32154>\
**Category:** Ignition Early Access\
**Created:** [February 12, 2020, 12:36am UTC](https://forum.inductiveautomation.com/t/jump-from-the-top-of-the-page-to-the-bottom/32154 "2020-02-12T00:36:06Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![maja](https://avatars.discourse-cdn.com/v4/letter/m/3ab097/32.png) [@maja](https://forum.inductiveautomation.com/u/maja)\
**Post date:** [February 12, 2020, 12:36am UTC](https://forum.inductiveautomation.com/t/jump-from-the-top-of-the-page-to-the-bottom/32154/1 "2020-02-12T00:36:06Z")

</div>

I have a page with a flex container, column, with a few views. Scrolling up/down I can see all my views. How I can set scrollbar on position 0% or 100% or 50 %? I need to have something like a link and to jump to the top of the page or from top to the bottom of the page.

Thanks!

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [February 12, 2020, 3:11pm UTC](https://forum.inductiveautomation.com/t/jump-from-the-top-of-the-page-to-the-bottom/32154/2 "2020-02-12T15:11:51Z")

</div>

The only way to do this in Perspective is using links, and it requires some secret knowledge.

Locate the components or containers you want to “jump to”. in the `meta` property category, add a new value property and give it a key of `domId`. now supply this property a unique value, preferably something which describes the area this component lives in.

Now in locations of the page where you want to be able to jump to this area, place a Link. Use an Expression binding to bind the `url` property of the Link in the following manner (where `project_name` is the name of your project, `configured_url_ofPage` is the url you have configured for this page in Page Configuration - including the leading slash - and `domId_to_target` is the value of the `domId` you configured in the `meta` category) :

```auto
{session.props.gateway.address} + "/data/perspective/client/<project_name><configured_url_of_page>" + "#<domId_to_target>"

```

Clicking the Link should now “jump” your page to the component which is identified by the `domId` specified in the target url.

---

<div class="post-metadata">

**Author:** ![maja](https://avatars.discourse-cdn.com/v4/letter/m/3ab097/32.png) [@maja](https://forum.inductiveautomation.com/u/maja)\
**Post date:** [February 12, 2020, 3:43pm UTC](https://forum.inductiveautomation.com/t/jump-from-the-top-of-the-page-to-the-bottom/32154/3 "2020-02-12T15:43:01Z")

</div>

Does it mean that the link component will have target property equal to the present URL address of the page +"#\<domId\_value\>?  
When I set it on link component and cliking it, perspective reload season.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [February 12, 2020, 3:46pm UTC](https://forum.inductiveautomation.com/t/jump-from-the-top-of-the-page-to-the-bottom/32154/4 "2020-02-12T15:46:58Z")

</div>

That could be the result of me supplying you untested and insufficient directions. I'm going to modify the binding in the previous post. Please try the updated binding.

omg, I did it again. Please try it a third time.

> [@maja](#):
>
> Does it mean that the link component will have target property equal to the present URL address of the page +"#\<domId\_value\>?

Yes, this is what it means. Copy that url and paste it into the binding because I always forget pieces. 😢

---

<div class="post-metadata">

**Author:** ![maja](https://avatars.discourse-cdn.com/v4/letter/m/3ab097/32.png) [@maja](https://forum.inductiveautomation.com/u/maja)\
**Post date:** [February 12, 2020, 4:07pm UTC](https://forum.inductiveautomation.com/t/jump-from-the-top-of-the-page-to-the-bottom/32154/5 "2020-02-12T16:07:13Z")

</div>

Yes, It was clear that I need “/data…” I was trying with it.  
🙂 Thank you very much. My mistake was that I insert binding on the target property of the link component instead of the URL property.  
I have one issue with this. When I click the link I “jump to” the view that I want, but also menu pop-up (menu is all-time hidden)

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [February 12, 2020, 4:09pm UTC](https://forum.inductiveautomation.com/t/jump-from-the-top-of-the-page-to-the-bottom/32154/6 "2020-02-12T16:09:03Z")

</div>

> [@maja](#):
>
> but also menu pop-up (menu is all-time hidden)

I don't understand what you mean by this. Could you please clarify what is occurring?

---

<div class="post-metadata">

**Author:** ![maja](https://avatars.discourse-cdn.com/v4/letter/m/3ab097/32.png) [@maja](https://forum.inductiveautomation.com/u/maja)\
**Post date:** [February 12, 2020, 4:15pm UTC](https://forum.inductiveautomation.com/t/jump-from-the-top-of-the-page-to-the-bottom/32154/7 "2020-02-12T16:15:57Z")

</div>

😂 Trying to explain the menu problem to you, I found out that I forgot to configure the menu as I wanted. everything is perfect. Thank you very much for your fast and great answer.