html - 溢出是隐藏的，但是有一个滚动条

Question

我用 HTML5 + CSS 制作了一个图片幻灯片。有一个带有 overflow:hidden 的 div。图片从右侧移动到左侧并在 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;

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