# Make scroll to element action smooth

**URL:** <https://community.elfsight.com/t/make-scroll-to-element-action-smooth/90266>\
**Category:** Button\
**Created:** [December 18, 2024, 5:08pm UTC](https://community.elfsight.com/t/make-scroll-to-element-action-smooth/90266 "2024-12-18T17:08:33Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [December 18, 2024, 5:08pm UTC](https://community.elfsight.com/t/make-scroll-to-element-action-smooth/90266/1 "2024-12-18T17:08:33Z")

</div>

Add this code to the Custom CSS field on the Design tab of your [Button](https://elfsight.com/button-widget/) widget’s settings:

```auto
@external {
body {
scroll-behavior: smooth;
}
}

```