gpt4 book ai didi

css - 水平滚动+滚动条

转载 作者:太空宇宙 更新时间:2023-11-04 12:14:54 25 4
gpt4 key购买 nike

我想构建一个页面,页面中间的某个 DIV 元素可以水平滚动(大宽度 + overflow-x: scroll)。滚动条将显示在此 DIV 的底部。

是否可以在页面的最底部显示一个滚动条(而不是在 div 的底部),它只滚动页面中间那个可滚动的 DIV 中的内容?

我问这个问题,因为我想将内容放在可滚动的 DIV 下方,并且我希望用户能够使用滚动条滚动水平的 DIV位于此内容下方。

<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>

** here I want the scrollbar of the ul job_listings to appear, at the very bottom of the page **

</div>
</body>

最佳答案

您可以通过向不可滚动的内容添加 position: fixed; 来实现这一点。

.slider {
position: fixed;
top: 0; // Assuming you want this to be on top
}
.about_us {
position: fixed;
bottom: 0; // Assuming you want this to be on the bottom
}

JSFiddle demo

关于css - 水平滚动+滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28810350/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com