# Scroll page when a link is clicked

**URL:** <https://forum.bubble.io/t/scroll-page-when-a-link-is-clicked/297640>\
**Category:** Need help\
**Created:** [December 14, 2023, 5:46am UTC](https://forum.bubble.io/t/scroll-page-when-a-link-is-clicked/297640 "2023-12-14T05:46:40Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![thomascope](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thomascope/32/191232_2.png) [@thomascope](https://forum.bubble.io/u/thomascope)\
**Post date:** [December 14, 2023, 5:46am UTC](https://forum.bubble.io/t/scroll-page-when-a-link-is-clicked/297640/1 "2023-12-14T05:46:40Z")

</div>

Hello everyone,

how could I scroll gently / gracefully to elements on the page?

I mean when I am clicking on a button, I see visually the page scroll down to another part.

As in this page :

> **[How To Create a Smooth Scrolling Effect](https://www.w3schools.com/howto/howto_css_smooth_scroll.asp#section1)**
>
> W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

Thank you

---

<div class="post-metadata">

**Author:** ![yanevangelista](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/yanevangelista/32/220216_2.png) [@yanevangelista](https://forum.bubble.io/u/yanevangelista)\
**Post date:** [December 14, 2023, 1:52pm UTC](https://forum.bubble.io/t/scroll-page-when-a-link-is-clicked/297640/2 "2023-12-14T13:52:10Z")

</div>

You just need to use the workflow “scroll to an element”.  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/1/4/14540830f817e19e92419f463161e0311529b989.png)

---

<div class="post-metadata">

**Author:** ![thomascope](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/thomascope/32/191232_2.png) [@thomascope](https://forum.bubble.io/u/thomascope)\
**Post date:** [December 28, 2023, 8:48am UTC](https://forum.bubble.io/t/scroll-page-when-a-link-is-clicked/297640/3 "2023-12-28T08:48:24Z")

</div>

So easy.

Thank you so much my dear fellow 🙂

Finish my app and January I start a training !  
have a good year !

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/bubble/original/3X/2/8/2847faa74692c2ffa5d939d3dc3724cdd060d247.png) [@system](https://forum.bubble.io/u/system)\
**Post date:** [February 22, 2024, 5:47am UTC](https://forum.bubble.io/t/scroll-page-when-a-link-is-clicked/297640/4 "2024-02-22T05:47:13Z")

</div>

Closed on February 22, 2024, 5:47am UTC

This topic was automatically closed after 70 days. New replies are no longer allowed.