0

Google Closure で選択可能なリストを作成しようとしています。ほとんどすべてのものを手に入れましたが、スクロール機能をコンテナに追加したとき。アウトライン要素の場合、私のスタイルに何か問題があることに気付きました

 <div class="Selectable"
        style="height: 400px; overflow-y: scroll" id ="list2">
          <div class="selectable-item">0 </div>
          <div class="selectable-item">1</div>
          .....
          .....
          .....
 <div class="selectable-outline" style="left: 88px; top: 97px; width: 76px; height: 725px; "></div></div>
        </div>

ここにフィドルがあります。

http://jsfiddle.net/dekajp/uC5jm/4/

スクロール可能な親に div ( Outline ) を含めたい。親のスクロールの高さは約2000です。これを理解できませんでした!!

助けてくれてありがとう!!!

4

1 に答える 1

1

アウトライン要素は絶対位置に配置されるため、アウトライン要素が包含を壊さないように、その要素の親を相対位置にする必要があります。

/* you need to also capitalize selectable */
.Selectable {
  position: relative;
  /* more styling */
}

JSFIDDLE

于 2013-10-25T20:41:32.227 に答える