4

こんにちは、私はhtmlとjavascriptに取り組んでいます。ここに私のコードがあります

<div class = "outer">
 <div class = "inner1 width="234" height="400" style="float: left">
   <svg width="100" height="400" style="float: left;">
      // some thing
   </svg>
 </div>
 <div class = "inner2" width="234" height="400" style="float: left overflow : scroll">
   <svg width="200" height="400" style="float: left;">
      <g class="c1" transform="translate(0,20)">
         <g>
          <text class="c1_name"></text>
          <text class="c1_value"></text>
         </g>

         <g>
          <text class="c2_name"></text>
          <text class="c2_vaue"></text>
         </g>
         <g>
          <text class="c3_name"></text>
          <text class="c3_value"></text>
         </g> 
                    .
                    .
                    . 
         // g added dynamically below the previous one

      </g>
   </svg>
 </div>
</div>

ここで、div inner2 をスクロール可能にして、新しい g が追加され、div のサイズが小さくなり、すべての g がスクロール可能になるようにします。スクロールバーが表示されていますが、新しい要素が追加されたときにも無効になっていますが、表示されません。間違っている場所とこれを修正する方法を教えてください。

ところで、変換属性を使用して配置しています

ありがとう

4

2 に答える 2

1

には&属性divがなく、 cssを使用し (例: )、/も必要です (各スクロールバーの独立した幅&を操作できます)。widthheightstyle="width: 999px; height: 999px;"overflow: autooverflow: scrolloverflow-xoverflow-y

于 2012-07-05T06:08:06.723 に答える
1

必要なoverflow:auto;場合にのみスクロールバーを表示したい場合に使用する必要があります。

于 2012-07-05T05:59:22.113 に答える