# Scroll page down to container

**URL:** <https://community.appfarm.io/t/scroll-page-down-to-container/92>\
**Category:** Ask the community\
**Tags:** ui, scroll\
**Created:** [December 27, 2022, 12:01pm UTC](https://community.appfarm.io/t/scroll-page-down-to-container/92 "2022-12-27T12:01:13Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Johan](https://avatars.discourse-cdn.com/v4/letter/j/dec6dc/32.png) [@Johan](https://community.appfarm.io/u/Johan)\
**Post date:** [December 27, 2022, 12:01pm UTC](https://community.appfarm.io/t/scroll-page-down-to-container/92/1 "2022-12-27T12:01:13Z")

</div>

I’m making a product configurator where new containers are shown (with motion) when a step is completed. I want the previous steps to be visible, so I can’t use a View Container. Is there a way I can scroll the page down to a specific section? Or another way to put the next container in focus/centered so that the user doesn’t need to scroll down to the next container?

---

<div class="post-metadata">

**Author:** ![lequeuxa](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/lequeuxa/32/128_2.png) [@lequeuxa](https://community.appfarm.io/u/lequeuxa)\
**Post date:** [December 27, 2022, 12:06pm UTC](https://community.appfarm.io/t/scroll-page-down-to-container/92/2 "2022-12-27T12:06:39Z")

</div>

I think you can set a unique Element ID on each of these containers and combine it with [Element.scrollIntoView()](https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView) in a _Run Code_ -action node.

It might work 😄 but never tried it before

---

<div class="post-metadata">

**Author:** ![Joanna](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/joanna/32/122_2.png) [@Joanna](https://community.appfarm.io/u/Joanna)\
**Post date:** [December 27, 2022, 12:07pm UTC](https://community.appfarm.io/t/scroll-page-down-to-container/92/3 "2022-12-27T12:07:16Z")

</div>

You can also have a look at [this Showroom example](https://showroom.appfarm.app/use-cases/scroll-to-top). What’s demonstrated here is scrolling to the top of the page, but you should be able to achieve what you want with very similar logic.

---

<div class="post-metadata">

**Author:** ![Johan](https://avatars.discourse-cdn.com/v4/letter/j/dec6dc/32.png) [@Johan](https://community.appfarm.io/u/Johan)\
**Post date:** [December 27, 2022, 12:07pm UTC](https://community.appfarm.io/t/scroll-page-down-to-container/92/4 "2022-12-27T12:07:48Z")

</div>

Thanks for your suggestions!