如何制作水平滚动图库

Question

我是编码新手，但想制作水平滚动图库。我希望它看起来与此页面上的完全相同：http://tessaneustadt.com/interiors#/id/i12139225，除了我想在两端都有空格。我希望它能够响应，就像这个页面一样。

我无休止地搜索并且有很多试验+错误。任何帮助表示赞赏。

Answer 1

试试这个，

.img-wrapper{
    width: 100vw;
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    align-items: center;
}

.img-wrapper img{
    width: auto;
    height: 250px:
    margin: 20px 25px;
}

搜索css属性overflow-y: scroll，这将允许div在定义的高度和宽度内进行约束。

Answer 2

您可以尝试使用此库

Sly

对于响应性，您可以添加自定义CSS以覆盖库使用的样式。