css 我如何结合合并溢出可见和滚动？

kuuvgm7e 于 9个月前发布在其他

关注(0)|答案(1)|浏览(119)

我有一个正在构建的滑块组件。它使用Bootstrap .container类来包含在指定的页面宽度中，但需要溢出到屏幕的右侧。如果我使用overflow-x：visible，它会向右溢出，但整个页面会滚动。如果我给予父overflow：hidden，那么我就无法滚动滑块。
在不影响整个页面的情况下，同时允许overflow-x：visible和允许滚动条滚动的最佳方法是什么？
HTML

<div id="main-container">
    <section class="container">
        <ul class="panels">
            <li class="panel"></li>
            <li class="panel"></li>
            <li class="panel"></li>
            <li class="panel"></li>
            <li class="panel"></li>
            <li class="panel"></li>
        </ul>
    </section>
</div>

字符串
CSS

#main-container {
   overflow: hidden;
}
.panels {
   overflow-x: visible;
   display: flex;
   height: auto;
   width: auto;
   list-style: none;
   margin: 0;
   padding: 0;
}

型

css

来源：https://stackoverflow.com/questions/73228714/how-do-i-combine-overflow-visible-and-scroll

1条答案

按热度按时间

svmlkihl1#

我创建了这个，因为它是一个问题，我不断重写自己，所以这是为你和我作为一个提醒它是如何工作的：）
水平可滚动的“carousel”样式引导行，没有滚动条

/* Hide scrollbar for Chrome, Safari and Opera */
*::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
* {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

个字符

赞(0）回复(0）举报 9个月前

我来回答

css 我如何结合合并溢出可见和滚动？

1条答案

相关问题

热门标签

最新问答