css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow
By A Mystery Man Writer
Description
I would like my modal to have a padding on the bottom of it, so that when you reach the bottom of the content when scrolling it looks like this:
instead of this:
The problem I'm having, and you c
![css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow](https://i.stack.imgur.com/aIZZ2.png)
css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow
![css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow](https://i.stack.imgur.com/U2c44.png)
css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow
![css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow](https://weblog.west-wind.com/images/2020/Bootstrap-Modal-showing-under-Modal-Background/BootstrapModalWithoutOverlay.png)
Bootstrap Modal Dialog showing under Modal Background - Rick Strahl's Web Log
![css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow](https://user-images.githubusercontent.com/417342/177174314-464823d7-8e8e-4a42-b128-4995b9747e3a.png)
Modal header border bottom is missing · Issue #33720 · woocommerce/woocommerce · GitHub
![css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow](https://i0.wp.com/css-tricks.com/wp-content/uploads/2018/08/sticky-02.jpg?ssl=1)
Creating sliding effects using sticky positioning
![css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow](http://cupofcode.blog/wp-content/uploads/2024/01/cupofcode_blog_wordle_react_1_main-3.png)
Wordle in React: Picking Up Where The Others Left Off!
GitHub - codedeep79/Stackoverflow-Bot: Retrieve all awesome data tag and topic on Stackoverflow (programming research purposes)
![css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context/understanding_zindex_04.png)
Stacking context - CSS: Cascading Style Sheets
![css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow](https://media.geeksforgeeks.org/wp-content/cdn-uploads/20200720131508/Screenshot-from-2020-07-20-13-12-20.png)
How to change the position of modal close button in bootstrap? - GeeksforGeeks
![css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow](https://i.stack.imgur.com/YY0xN.jpg)
CSS scrollbar in fixed modal window - Stack Overflow
![css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow](https://www.weltpixel.com/resources/PearlTheme/images/pearl/img_19.png)
User Guide: WeltPixel Pearl Theme For Magento 2
![css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow](https://css-weekly.com/wp-content/uploads/2024/02/global-design-system.png)
Archives – CSS Weekly
![css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow](https://i.stack.imgur.com/n2Jk0.jpg)
html - Make div fixed to bottom above another div - Stack Overflow
![css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow](https://remysharp.com/images/appstore.jpg)
Issues with position fixed & scrolling on iOS
![css - Padding at bottom of modal messes up fixed header when scrolled to the bottom - Stack Overflow](https://softcover.s3.amazonaws.com/636/learn_enough_css/images/figures/position-contained.png)
Chapter 5: Laying it all out, Learn Enough CSS & Layout to Be Dangerous
from
per adult (price varies by group size)