javascript - 使用 css 溢出滚动

Question

我制作divasparent和里面的parent divi make subchild div是内容。一切都很完美，但我的问题是，我把parent divas overflow:scroll Like

#testing {
    width:400px;
    height:390px;
      background:steelblue;
    overflow:scroll;
}

这里看起来像这样在此处输入图像描述

你可以看到这张照片。溢出滚动看起来像这样出现：（在图像的右侧和底部用箭头看到这个）为什么会发生这种情况overflow:scroll我不希望这个视图滚动应该只在内容超过 div 时出现。我不知道该怎么做。 http://jsfiddle.net/ShvzM/4/

任何建议都会很棒。

谢谢。

score 7 · Accepted Answer

只需要做...

overflow:auto;

为了

#testing {
  width:400px;
  height:390px;
  background:steelblue;
  overflow:auto;
}

score 4 · Accepted Answer

4

使用overflow: auto. 这仅在内容超出边界时显示滚动条。

于 2013-09-24T13:43:54.277 回答

score 3 · Accepted Answer

您必须设置overflow为auto. overflow当设置为scroll将始终显示滚动条。当设置为auto时，滚动条仅在需要时显示。

您可以在此MDN 链接中找到有关该overflow属性的更多信息。

score 3 · Accepted Answer

在你的CSS中改变它

#testing {
    width:400px;
    height:390px;
      background:steelblue;
    overflow:auto;        <----------- Not scroll
}

为什么auto，因为它只会在你有很大的高度或宽度时才会出现。否则scroll它会给你卷轴vertical和horizontal。

score 3 · Accepted Answer

如果要水平滚动，则使用overflow-x: scroll，如果要垂直滚动，则使用overflow-y: scroll。如果仅在内容超过 div 的宽度时才需要滚动条，请使用溢出：自动

5 回答 5