# Scroll on Modal, Side menu or Pop Up

**URL:** <https://community.weweb.io/t/scroll-on-modal-side-menu-or-pop-up/2117>\
**Category:** How do I?\
**Tags:** design, filter\
**Created:** [March 25, 2023, 4:50pm UTC](https://community.weweb.io/t/scroll-on-modal-side-menu-or-pop-up/2117 "2023-03-25T16:50:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![FREDRIKK](https://avatars.discourse-cdn.com/v4/letter/f/e99b99/32.png) [@FREDRIKK](https://community.weweb.io/u/FREDRIKK)\
**Post date:** [March 25, 2023, 4:50pm UTC](https://community.weweb.io/t/scroll-on-modal-side-menu-or-pop-up/2117/1 "2023-03-25T16:50:40Z")

</div>

Since I have to contain a huge list of filters I’d need to have a modal or a pop up or a side menu that allows to scroll below the page height limit, or to extend its limit beyond the screen. Is that something achievable?

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/70d306b2406c683d39170a8e7005968b2991d8e7.jpeg)

---

<div class="post-metadata">

**Author:** ![aurelie](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/aurelie/32/13249_2.png) [@aurelie](https://community.weweb.io/u/aurelie)\
**Post date:** [March 27, 2023, 8:39am UTC](https://community.weweb.io/t/scroll-on-modal-side-menu-or-pop-up/2117/2 "2023-03-27T08:39:00Z")

</div>

Hi,  
you can change the overflow properties on the container of your modal, after setting a height (or a max height)

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8bca1aa8835c6caea13f5f0808f3ab4fff741035.jpeg)

If you wish to scroll only the body and not the title, you can add the same property to an other container wrapping the body of your modal

---

<div class="post-metadata">

**Author:** ![FREDRIKK](https://avatars.discourse-cdn.com/v4/letter/f/e99b99/32.png) [@FREDRIKK](https://community.weweb.io/u/FREDRIKK)\
**Post date:** [March 27, 2023, 8:42am UTC](https://community.weweb.io/t/scroll-on-modal-side-menu-or-pop-up/2117/3 "2023-03-27T08:42:15Z")

</div>

Thank you very much!

---

<div class="post-metadata">

**Author:** ![FHEXL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/fhexl/32/13607_2.png) [@FHEXL](https://community.weweb.io/u/FHEXL)\
**Post date:** [March 1, 2024, 10:45pm UTC](https://community.weweb.io/t/scroll-on-modal-side-menu-or-pop-up/2117/4 "2024-03-01T22:45:21Z")

</div>

Is it possible to scroll the backdrop or page instead of the modal container?

---

<div class="post-metadata">

**Author:** ![kjsdh23](https://avatars.discourse-cdn.com/v4/letter/k/65b543/32.png) [@kjsdh23](https://community.weweb.io/u/kjsdh23)\
**Post date:** [February 26, 2025, 12:52pm UTC](https://community.weweb.io/t/scroll-on-modal-side-menu-or-pop-up/2117/5 "2025-02-26T12:52:40Z")

</div>

@aurelie Thank you for the info! That worked also for me. Including a tip I found in another thread by @nico for hiding the scroll bar with scrollbar-width: none;

However, as soon as I have scrolling functioning, everything in my modal is a bit blurred (see screenshot comparision of a text)  
 ![S 26. 13.30.43](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/69641602248e28adad0273471e1cb833046c62df.jpeg)  
 ![S 26. 13.30.15](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/06657fd0ae3046a8692a29c4e3605cb98ce75582.jpeg)

What could that be?