在沒有垂直滾動條的html中設置所有div

我正在構建包含圖形的儀表板頁面（使用HighCharts）。我的html也包含jQuery Tabs。在沒有垂直滾動條的html中設置所有div

在一個選項卡中有4個不同的圖表。圖表正在被正確加載，但它帶有垂直滾動條。 是我想要隱藏垂直滾動條的儀表板頁面。

這裏是我的HTML

<div id="container" style="width:98%;"> 
     <ul> 
      <li><a href="#divP1">Dashboard</a></li> 
      <li><a href="#divP2">Network</a></li> 
      <li><a href="#divP3">> 24 Hours</a></li>    
     </ul> 
     <div id="divP1" style="margin:0 auto;"> 
      <div id="divDailyUptimeLineChart" style="width:650px;height:250px;float:left;"></div> 
      <div style="width:500px;height:250px;margin-left:750px;" id="divUptimeGauge"></div> 
      <br /> 
      <div style="clear:both;width:700px;float:left;" id="divFaultCount"></div> 
      <div style="margin-left:700px;" id="divTicketTypeCount"></div> 
      <br />    
     </div>  
     <div id="divP2" style="margin:0 auto;"> 
      <div id="divFaultTicketType" style="width:49%;float:left;" ></div>    
      <div id="divCRATicketType" style="margin-left:49%;width:49%"></div> 
     </div> 
     <div id="divP3" style="margin:0 auto;"> 
      <div id="divTicketTypeTime"></div> 
     </div> 
    </div>

HighCharts是reneder到divDailyUptimeLineChartdivUptimeGaugedivFaultCountdivTicketTypeCount在第一個選項卡

JS：

$('#container').tabs();

我在HighCharts認定中的代碼試圖驗證碼：但它沒有工作

chart: { 
     renderTo: divID, 
     type: 'gauge', 
     height: $(document).height()/2, 
     width: $(document).width()/2, 
     },

來源

2013-08-21 Shaggy

'overflow-y：hidden' to the container？ – kayen

給出樣式overflow-y：隱藏隱藏垂直滾動條。

來源

2013-08-21 08:57:55

也許你在尋找的是在CSS overflow屬性...看看你的CSS文件中，找到這樣的：你想設置overflow屬性爲隱藏

div { 
overflow: auto; 
}

... 欲瞭解更多信息看看這個link

來源

2013-08-21 08:58:11

嘗試添加該每個的div持有圖表的風格：

overflow-y: hidden;

，使f或示例divDailyUptimeLineChart會是這樣的：

<div id="divDailyUptimeLineChart" style="width:650px;height:250px;float:left;overflow-y:hidden;"></div>

來源

2013-08-21 08:58:14 gimg1

試試這個代碼

JS：

$("div").css('overflow-y','hidden');

內部樣式：

div 
    { 
    overflow: auto; 
    overflow-y: hidden;  
    //For IE8: 
    -ms-overflow-y: hidden;  
    }

For More Info

來源

2013-08-21 09:05:28

首先爲了隱藏div的溢出，您應該減小div的寬度並將您的內容放在裏面。

否則，您可以使用

overflow-y:hidden;

這將隱藏超過content.It會時要顯示的div整個內容的主要缺點。

嘗試調整標籤的容器width.So，該選項卡將不超過預期的大小....

我建議你read此瞭解更多有關溢出屬性。

來源

2013-08-21 09:08:11

在沒有垂直滾動條的html中設置所有div

回答

相關問題