My goal is to create a webpage with a horizontally scrollable DIV element in the center, where the scrollbar appears only at the bottom of the DIV, not at the bottom of the entire page.
I am wondering if it is possible to have a scrollbar placed at the very bottom of the page, beneath other content, that specifically scrolls the content within this central scrollable DIV. This way, users can easily navigate through the horizontal content without interference from surrounding elements.
<body>
<div id="wrap">
<div class="slider">
# Slider content here
</div>
<ul class="job_listings scrollable">
<li>job 1</li>
<li>job 2</li>
<li>job 3</li>
<li>job 4</li>
</ul>
<div class="about us">
# About us content here
</div>
** In this section, I aim to position the scrollbar for 'ul job_listings' at the lowermost part of the page. **
</div>
</body>