Question

我试图隐藏某些div的滚动条时遇到了麻烦。我在论坛上找到了一些解决方案，但他们从来没有真正符合我的情况，所以我仍然在努力解决这个问题。我的问题：我试图在div中隐藏滚动条，该div嵌套在另一个具有非固定大小的div中。（它们被设定为身体的100％）。

这是HTML：

<div id="events">
    <div id="event-list"></div>
    <div id="event-details"></div>
</div>

CSS：

html, body {
  width: 100%;
  height: 100%;
  margin: 0;
}

#events {
  width: 100%;
  height: 100%;
}

#event-list {
  float: left;
  width: 50%;
  height: 100%;
  background-color: pink;
}

#event-details {
  float: right;
  width: 50%;
  height: 100%;
  background-color: cyan;
}

Codepen available here

我希望＃event-list和＃event-details没有滚动条但仍可滚动。如果你有任何想法（css？js？jquery？），我会接受它！提前致谢，亚历

Answer 1

您可以使用overflow:hidden将外部div的宽度设置为100％并将内部div设置为105％的宽度（您可以微调此值）和溢出设置来执行嵌套div到overflow:scroll

JSFiddle here

隐藏非固定div中的滚动条

1 个答案: