Question

我有一个离子应用程序，我用bootstrap构建其中一个页面，我对html和css的经验很少，现在尝试学习它。我通过离子CLI创建的主页面有页面滚动，但是这个用bootstrap制作的这个页面不会起作用，这就是页面html：

        <body>
    <div id=#myWorkContent>
      <div class="container-fluid">     

      <div class="row">
        <div class="col-xs-6 col-lg-12">
          <table class="table table-striped table-bordered table hover">
            <thead>
              <tr>
                <th>Nervo</th>
                <th>Latência(ms)</th>
                <th>Amplitude Dista(mV)</th>
                <th>Amplitude Prox. (mV)</th>
                <th>Velocidade(m/s)</th>
                <th>Onda F(ms)</th>

              </tr>
            </thead>
            <tbody>
              <!-- long sequence of <tr><td>td><td></tr> inside -->
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  </body

我试过这个css＆gt;

    #myWorkContent{
            width: 100%;
            height:100%;   
            overflow-x: scroll;
            overflow-y: scroll;

        }

Answer 1

当页面不需要滚动时使用height:100vh and overflow:auto溢出自动，不会出现。

#myWorkContent{
    width: 100%;
    height:100vh;   
    overflow:auto;
 }

为什么我不能滚动页面来查看我的html页面中视图之外的内容？

1 个答案: