如何隐藏溢出:在居中的div中滚动滚动条

nn3112337

我知道这个问题有很多重复,但是到目前为止,这些都没有。
我有一个宽度未知的div,它使用overflow-y:scroll,但是我想隐藏滚动条并使它仍然可滚动。它居中位于屏幕中间,我该怎么做?

.content-middle {
  margin: 0 auto;
  text-align: center;
  max-height: 81vh;
  overflow-y: scroll;
}
<div class="content-middle">
  <p>My content is here</p>
</div>

米哈尔

基本上,您要做的是将可滚动元素放在另一个元素内,并将其绝对定位在右侧。(负值)

然后只关注可滚动元素的内容。

body {
  overflow: hidden;
}

.content-middle {
  margin: 0 auto;
  text-align: center;
  max-height: 81vh;
  overflow-y: scroll;
  position: absolute;
  width: 100%;
  right: -17px;
}
<div class="content-middle">
  <p>My content is here</p>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在CSS中隐藏溢出的div的滚动条而不使用overflow:hidden?

来自分类Dev

如何在CSS中隐藏溢出的div的滚动条而不使用overflow:hidden?

来自分类Dev

如何居中滚动条?

来自分类Dev

如何居中滚动条?

来自分类Dev

隐藏DIV的滚动条

来自分类Dev

如何控制溢出滚动中的滚动条

来自分类Dev

删除隐藏了溢出的滚动条

来自分类Dev

在div跨浏览器中隐藏滚动条而不破坏溢出文本

来自分类Dev

div溢出时如何自动使用滚动条

来自分类Dev

CSS溢出滚动和隐藏滚动条(iOS)

来自分类Dev

CSS溢出滚动和隐藏滚动条(iOS)

来自分类Dev

如何在HorizontalScrollView Android中居中滚动条

来自分类Dev

如何在HorizontalScrollView Android中居中滚动条

来自分类Dev

使用滚动作为溢出时如何隐藏滚动条的角

来自分类Dev

没有滚动位置时,如何在Microsoft Chrome上隐藏溢出滚动条?

来自分类Dev

使用滚动作为溢出时如何隐藏滚动条的角

来自分类Dev

在div中以100vh隐藏滚动条

来自分类Dev

溢出-y:隐藏和溢出-x:隐藏,但是如何在没有滚动条的情况下向下滚动

来自分类Dev

带有div内滚动条的div,带有溢出:隐藏

来自分类Dev

如何在<select>中隐藏滚动条

来自分类Dev

如何在javaFX中隐藏Pannable滚动条?

来自分类Dev

如何隐藏UICollectionView的滚动条

来自分类Dev

如何隐藏水平滚动条

来自分类Dev

如何隐藏模式滚动条

来自分类Dev

如何顺利隐藏滚动条?

来自分类Dev

在Webview中隐藏滚动条

来自分类Dev

如何在Android中隐藏DIV上的灰色滚动条-仅在您无法滚动时显示

来自分类Dev

div上的水平滚动条,其中包含动态内容,并且隐藏了y溢出

来自分类Dev

使用溢出时无法隐藏滚动条:自动

Related 相关文章

热门标签

归档