prevent scrolling on body but allow only on a div
Hello devs, in my gmail clone project, I’ve been facing an issue on making only my email-list div scroll while preventing the entire body from scrolling…would gladly appreciate if someone could help me out. I minimized only the CSS as little as possible. Thanks!
https://codepen.io/Creatorjihm/pen/jOQWvEw
3 Replies
I think that your .email-list needs a specified height
Obviously I don't know all of your html and css as you hav(correctly) minimized the CSS for the codepend.
But, if, on your .content element, you add (the 70px is to compensate for your header) and then add
height: 100%; to your .email_list you might get closer to what you want.
Of course if you actually have more content below the email list this solution will need some tweaking.Dear Chris, you are indeed a problem solving Dev! I appreciate you so much for the help you rendered! It worked like the magics done by Merlin😁.
I’ve been on this for days and you solved it in minutes👌🏾💯.
You’re the best man! Thanks once again!✅🙌🏽
@Chris
Your welcome. Glad to be able to have helped 😅