# Hide element when site is scrolled down to the bottom

**URL:** <https://forum.wixstudio.com/t/hide-element-when-site-is-scrolled-down-to-the-bottom/47760>\
**Category:** Ask the community\
**Created:** [August 24, 2022, 7:27pm UTC](https://forum.wixstudio.com/t/hide-element-when-site-is-scrolled-down-to-the-bottom/47760 "2022-08-24T19:27:46Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![dytme6](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/dytme6/32/8456_2.png) [@dytme6](https://forum.wixstudio.com/u/dytme6)\
**Post date:** [August 24, 2022, 7:27pm UTC](https://forum.wixstudio.com/t/hide-element-when-site-is-scrolled-down-to-the-bottom/47760/1 "2022-08-24T19:27:46Z")

</div>

Hello! I have a “scroll to the bottom” button, and I want to hide it once the user has reached the end of the page so it doesn’t block content.

Any help? I couldn’t find anything on google.  
Thanks in advance!

---

<div class="post-metadata">

**Author:** ![Rob](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/rob/32/84134_2.png) [@Rob](https://forum.wixstudio.com/u/Rob)\
**Post date:** [August 29, 2022, 1:42pm UTC](https://forum.wixstudio.com/t/hide-element-when-site-is-scrolled-down-to-the-bottom/47760/2 "2022-08-29T13:42:00Z")

</div>

This can be done with some code with [https://www.wix.com/velo/reference/$w/viewportmixin/onviewportenter](https://www.wix.com/velo/reference/$w/viewportmixin/onviewportenter) .

This example is for a header to change as it scrolls and reappears when scrolled back up but it’s a similar principle.  
[https://www.youtube.com/watch?v=9\_jtI06mqwk](https://www.youtube.com/watch?v=9_jtI06mqwk)