gpt4 book ai didi

html - 只有在垂直边缘上有 div 的垂直滚动条

转载 作者:行者123 更新时间:2023-11-28 14:18:10 24 4
gpt4 key购买 nike

我想用 HTML 制作一个只有垂直滚动条的列表。我了解如何执行此操作,但我遇到困难的部分是将 div 定位在溢出元素的边缘上方的溢出元素内。

见下面的代码:

#wrapper {margin: 50px; width: 500px; height: 500px;}
#scrollable {width: 200px; height: 500px; overflow-y: visible; overflow-x: hidden;}
.item {clear: left; width: 200px; height: 40px;}

<body>
<div id='wrapper'>
<div id='scrollable'>
<div class='item'></div>
<div class='item'></div>
</div>
</div>
</body>

我希望 .item 元素超出 #scrollable 的左边缘 5 或 10 个像素。

谁能告诉我怎么做?

谢谢。

最佳答案

因此,正如其他人所说,您不能显示超出“不可见”溢出元素边界的元素。

但是,假设您只是想获得一种效果,那么您可以轻松做到。一种方法是,如果您的 #scrollable 元素必须为 200px,则使每个 .item 的宽度为 190px,并向左偏移 10px。否则,如果您的 .items 宽度必须为 200px,则使您的 #scrollable 元素为 210px 以进行补偿。然后,在选择时,向左偏移 0。

我用它制作了一个 JSFiddle。看一看(里面的JS不用,只是模仿选区) http://jsfiddle.net/rgthree/tpfLZ/

关于html - 只有在垂直边缘上有 div 的垂直滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8844445/

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