溢出被隐藏，但有一个滚动条

Question

我用HTML5 + CSS做了一个图像幻灯片。有一个div overflow:hidden。图片从右侧移动到左侧，并在div中可见。在Chrome中它工作正常，但在Firefox和IE中有一个水平滚动条。我怎么能解决这个问题？

Answer 1

如果您查看我博客的主页，您会看到水平滚动内容，假设您的宽度超过600像素。 http://love2dev.com。这里是应用于内容包装器的CSS类，以使事物水平滚动。

.home-article-list-wrapper, .x-scroller-wrapper {
-webkit-overflow-scrolling: touch;
overflow: hidden;
overflow-x: scroll;
overflow-y: hidden;
width: auto;

}

.home-article-list-wrapper, .x-scroller-wrapper, .y-scroller-wrapper {
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-style: none;
-ms-scroll-chaining: none;
-ms-scroll-snap-type: proximity;
overflow: hidden;
-webkit-overflow-scrolling: touch;

}

第一条规则会覆盖第二条规则。