this codepen link will take you to the relevant content
https://codepen.io/rad-mej/pen/qBKedwB
I have a fixed search menu on the left, along with data displayed on the right. The search menu contains a search button that I want to be anchored to the bottom of the view. As the user scrolls down, I'd like it to stick at the end of the menu section and continue displaying. Is this feasible?
Here is some CSS code for reference:
.main-container {
display: flex;
gap: 1rem;
}
.filter-menu {
display: flex;
flex-direction: column;
gap: 1rem;
max-height: 600px;
position: relative;
border: 1px solid DarkKhaki;
}
.search-button {
position: fixed;
bottom: 1px;
}<div>menu and other content></div>
<div> some other content</div>
</br>
...
(continued)
<div>