獲得兩個垂直滾動條和水平滾動條不顯示

我讀過很多關於這個問題的答案在網上，嘗試一切從做overflow-y:hidden，以overflow-x:scroll;white-space:nowrap但沒有任何工程：獲得兩個垂直滾動條和水平滾動條不顯示

<html style="height: 100%;"> 

    <head lang="en"> 
    <meta charset="UTF-8"> 
     <title>Titler </title> 
     <script src="../dist/ag-grid-enterprise.js?ignore=notused30"></script> 
     <script src="sorting.js"></script> 

    </head> 
<body style="height: 100%; margin: 0px;"> 

    <center> 

      <div style="font-style:bold;font-size:30;color:black;"> DM </div> 
<BR> 
    <font size="2" color="red"> <a href="ag-grid_selector.jsp"> UPDATE </a>  </font > 
    </center> 


<BR></center></br> 
<div> 
     <center><span style="padding-bottom: 4px; display: inline-block;"> 
      <button onclick="buyside()">Buy</button> 
      <button onclick="sellside()">Sell</button> 
      <button onclick="clearFilters()">Clear Filters</button> 

     </span><center> 


     </div> 

     <div id="myGrid" style="width: 100%; height: 100%; margin:0px" class="ag-fresh"></div>  

    </body> 

</html>

但我在圖像中顯示雙垂直滾動條，並且僅在向外滾動垂直滾動條之後纔出現水平滾動條，這是不方便的。我怎樣才能解決這個問題？

來源

2016-09-21 shek

變化線10：

<body style="height: 100%; margin: 0px; overflow: hidden;">

<html style="height: 100%;"> 
 

 
     <head lang="en"> 
 
     <meta charset="UTF-8"> 
 
      <title>Titler </title> 
 
      <script src="../dist/ag-grid-enterprise.js?ignore=notused30"></script> 
 
      <script src="sorting.js"></script> 
 

 
     </head> 
 
    <body style="height: 100%; margin: 0px; overflow: hidden;"> 
 

 
     <center> 
 

 
       <div style="font-style:bold;font-size:30;color:black;"> DM </div> 
 
    <BR> 
 
     <font size="2" color="red"> <a href="ag-grid_selector.jsp"> UPDATE </a>  </font > 
 
     </center> 
 

 

 
    <BR></center></br> 
 
    <div> 
 
      <center><span style="padding-bottom: 4px; display: inline-block;"> 
 
       <button onclick="buyside()">Buy</button> 
 
       <button onclick="sellside()">Sell</button> 
 
       <button onclick="clearFilters()">Clear Filters</button> 
 

 
      </span><center> 
 

 

 
      </div> 
 

 
      <div id="myGrid" style="width: 100%; height: 100%; margin:0px" class="ag-fresh"></div>  
 

 
    </body> 
 

 
    </html>

來源

2016-09-21 15:21:03

但是，這只是給我的表內垂直滾動條，這樣的話就可以在下面滾動（如無限的頁面下方）。而且有很多數據，所以無法獲得水平滾動條。 – shek

嗯！請和這裏的所有代碼：https：//jsfiddle.net/如果可能的話！ –

我在公司網絡上，所以不能使用它。 Okey！ – shek

獲得兩個垂直滾動條和水平滾動條不顯示

回答

相關問題