Question

我知道这个问题有很多重复，但到目前为止这些都没有我有一个宽度未知的div使用overflow-y：scroll，但我想隐藏滚动条并保持它仍然可滚动。它以屏幕中间为中心，我该怎么做？

<div class="content-middle">
  <p>My content is here</p>
</div>

{{1}}

Answer 1

基本上你要做的是将可滚动元素放在另一个元素中，并将它绝对放在右边。（带负值）

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

＆＃13;

body {
  overflow: hidden;
}

.content-middle {
  margin: 0 auto;
  text-align: center;
  max-height: 81vh;
  overflow-y: scroll;
  position: absolute;
  width: 100%;
  right: -17px;
}

＆＃13;

<div class="content-middle">
  <p>My content is here</p>
</div>

＆＃13;

Answer 2

#parent{
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#child{
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */
}

这个作品看看这个，你可以滚动，但没有滚动条可见:) 所有你需要做的就是在你已经拥有的div之外添加一个div。

http://jsfiddle.net/5GCsJ/2125/

Answer 3

    div { overflow: visible | hidden | scroll | auto | inherit }

我不确定你是否可以隐藏它，并保持它可滚动。我认为这会奏效。

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

3 个答案: