我正在构建一个自定义的水平轮播,在其中我要显示一些可以垂直滚动的项目。
到目前为止我尝试过的代码:
html
Item-1Abs Item-1.1Abs Item-1.2Abs Item-1.3Item-2Abs Item-2.1Abs Item-2.2Abs Item-2.3Other div
的CSS
.carousel{ color: #FFF; white-space: nowrap; overflow-x: auto; overflow-y: hidden; position: initial; .c-item{ display: inline-block; width: 35%; background: #000; height: 100px; &.margin{ //margin-left: 35%; } } .abs{ background: #444; display: inline-block; vertical-align: top; width: 35%; max-height: 180px; overflow-y: auto; .a-item{ height: 100px; border: 1px solid #000; } } } .other{ background: yellow; }
结果:
(codepen)
这里的问题是:我希望另一个div从item-1的下面开始;表示垂直滚动的div应该与另一个div重叠,并且轮播的高度应固定为100px。我试着用position: absolute
了.abs
DIV但随后该分区不上滚动的传送带移动。