javascript - 在html中设置所有div，而无需垂直滚动条

我正在构建包含图形的仪表板页面（使用HighCharts进行相同操作）。我的html也包含jQuery Tabs。

一个选项卡中有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调整为divDailyUptimeLineChart divUptimeGauge divFaultCount divTicketTypeCount

JS：

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

我已经在我的HighCharts Defination代码中尝试过此代码：但是它没有用

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

最佳答案

给样式overflow-y：隐藏以隐藏垂直滚动条。

关于javascript - 在html中设置所有div，而无需垂直滚动条，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/18352930/