Question

我试图在html文档的这一部分添加滚动条，但滚动条不能正常工作，它没有任何按钮就出现了，但是我能做什么才能使它正常工作？

<div class="test-1" style="overflow-y:scroll">
  <div class="test-2">
    <ul>
      <li><a href='#'>Internet</a></li>
      <li><a href='#'>Internet</a></li>
      <li><a href='#'>Internet</a></li>
      <li><a href='#'>Internet</a></li>
    </ul>
  </div>
</div>

Answer 1

您可以在height上设置.test-1，这样当此div的内容溢出其高度时，滚动条就会起作用。

＆＃13;

<div class="test-1" style="overflow-y:scroll; height: 70px; border: 1px solid black;">
  <div class="test-2">
    <ul>
      <li><a href='#'>Internet</a></li>
      <li><a href='#'>Internet</a></li>
      <li><a href='#'>Internet</a></li>
      <li><a href='#'>Internet</a></li>
    </ul>
  </div>
</div>

＆＃13;

你也可以使用overflow-y: auto，所以现在滚动条只会在内容溢出父母身高而不是之前出现。

＆＃13;

<div class="test-1" style="overflow-y: auto; height: 70px;">
  <div class="test-2">
    <ul>
      <li><a href='#'>Internet</a></li>
      <li><a href='#'>Internet</a></li>
      <li><a href='#'>Internet</a></li>
      <li><a href='#'>Internet</a></li>
      <li><a href='#'>Internet</a></li>
      <li><a href='#'>Internet</a></li>
    </ul>
  </div>
</div>

＆＃13;

滚动条未激活？

1 个答案: