1

重複の可能性:
div にカスタム スクロールバーを作成する方法

私は次の体を持っています

<div id="app-container">
    <div id="canvas-container">
        <div id="canvas"></div>
    </div>
</div>

CSSには次のものがあります：

#canvas {
  position: absolute;
  background-color: transparent;
  width: 100%;
  height: 100%;
}

#app-container {
  height: auto !important;
  min-height: 100%;
}

#canvas-container {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

その後、（jquery.appendToおよびjquery.offsetを使用して）divを追加し<div id="canvas"></div>ています

display: inline-block;
position: absolute;

CSSで。したがって、そのような div を追加しても、ドキュメントのサイズには影響しません。多くの div を追加すると、そのうちのいくつかが画面の端の下に配置される可能性があります。すべての div を表示できるように、スクロールボックスを追加するにはどうすればよいですか?

4

1 に答える 1

2

プロパティoverflow: autoとheight: (required height)その内部は、その内部の#canvasすべての div を表示する必要があります。

私は自分のアプリケーションでこれを数回使用しました。非常に明白なことを見逃していないことを願っています。

于 2012-12-27T11:09:59.327 に答える