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

overflow:auto;如果您只想在需要时显示滚动条，则需要使用。

于 2012-07-05T05:59:22.113 回答
1

在 上div，没有width&height属性，使用 css（例如。style="width: 999px; height: 999px;"）并且还需要overflow: auto/ overflow: scroll（您可以操纵每个滚动条独立的宽度overflow-x& overflow-y）。

于 2012-07-05T06:08:06.723 回答