强制显示垂直滚动条 IE8

哦，我理解。 他的

body {

 overflow-y: scroll;

}

我使用以下内容：

html {

 height: 101%; /* setting height to 101% forces scroll bar to display */

}

尝试

-ms-overflow-y : scroll;

把它放在你的 div 它是。

style="overflow: -moz-scrollbars-vertical; overflow-y: scroll;

例如 :

<div class="left" style="overflow: -moz-scrollbars-vertical; overflow-y: scroll;

 width: 230px; height: 500px;">

</div>
<div class="answer_text">
另一个决定是设置身体高度 100% - 看例 "到/后" 通过地址
http://www.iecustomizer.com/ms ... t.htm
</div>
<div class="answer_text">
html, 身体
{
高度： 100.1%;
}
</div>
<div class="answer_text">
迄今为止的最佳答案 /可能 2012 当年/ 用于强制垂直滚动条 safari, opera &amp; Firefox是：

html {

 height: 101%; /* setting height to 101% forces scroll bar to display */

}

html { min-height: 100%; padding-bottom: 1px; }

Opera 如果使用两个标签，则是最困难的，只有垂直滚动条，无论页面高度如何 html 更高。

谢谢 - 戴安娜
</div>
<div class="answer_text">

html {height: 100%; margin-bottom: 1px;}

让你的页面始终打开 1px 滚动条始终始终出现并仅添加滚动条 1px 滚动到不够长的页面，以便观看者不认为他们丢失并没有任何原因滚动并滚动。 简单并在所有主要流媒体浏览器中工作 /我测试了哪个/
</div>
<div class="answer_text">
只是注意到这一点 normalize.css 推荐的：

html { overflow-y: scroll; }

它与ALEK的答案有点不同，但从那时起他已经放弃了他。 根据
http://html5boilerplate.com/ht ... /css/
HTML5 :

由于问题，默认情况下，下一个样式不再启用
可能会出现 Firefox 结合 JS 插件 /如模数
或者 drag-and-drop UIs/, 依靠计算物种屏幕的大小。

事实上，我的经验表明他破坏了一些插件 jQuery.

我不确定为什么为什么不同的解决方案 min-height / margin-bottom / padding-bottom 不是首选，但他们真的创建了一个活动滚动条 /虽然运动 1px/, 尽管 overflow-y 创建一个禁用的滚动条，更好。
</div>
<div class="answer_text">

html {

 height: 100%;

 border-bottom: 1px #999 solid;

}

NOTE: 我想强制滚动条上的页面，就像我知道的那样，不需要滚动。 这种解决方案只是为了这样的情况。

琼斯的决定在所有浏览器中对我不起作用，但我准备好灰色灰色条带 1px, 在所有浏览器中依次工作。 对我来说，它比显示完整更好 1% extra /筹码决定/. 在设计方面，甚至不太可能是一个让步，因为它是如此微不足道 - 试着看看我的意思。

此外，这项决定将非常有前景。 如果您想添加空白区域，就像其他解决方案一样，没有人知道将内容内容的优化是什么，我可以想象一些浏览器会发现丢失的空空间并消除它 /发生了更奇怪的事情/. 输出 1px, 你让浏览器处理这个 1 像素，无论如何。
</div>
<div class="answer_text">
添加 overflow:auto 在 css 对于标签 html.
</div>
<div class="answer_text">
好吧，看到我的代码， datatable 在里面 1 DIV

<div style="overflow-y: scroll; overflow-x: scroll; width: 44em; height: 17em;">

<p:datatable emptymessage="#{msg.tablaVaciaDeposito}" id="dataTableDeposito" lazy="true" rowkey="#{tablaDepositos.idDespositoCheque}" selection="#{envioValijaView.selectedItems}" style="width: 1040px; height: 240px; " value="#{envioValijaView.valijaManagedBean.valijaBean.listaDepositos}" var="tablaDepositos">

<p:column headertext="#{label.fechaHora}" sortby="bancoBean.nombreBanco" styleclass="texto_14" width="150">

<h:outputlabel style="font-size: 12px; text-align: center;" value="#{label.cantDepositos}"></h:outputlabel>

</p:column>

<p:column disabledselection="#{true}" headertext="#{label.nroCataporte}" sortby="nroCataporte" styleclass="texto_14" width="150">

<p:commandlink action="#{envioValijaView.detalleDeposito}" value="#{tablaDepositos.idDespositoCheque}">

<f:setpropertyactionlistener target="#{envioValijaView.depositoChequeBean}" value="#{tablaDepositos}"></f:setpropertyactionlistener>

</p:commandlink>

</p:column>

<p:column headertext="#{label.cantiDepositos}" sortby="nroCheque" styleclass="texto_14" width="155">

<h:outputlabel styleclass="texto_12" value="#{label.montTotalDeposito}"></h:outputlabel>

</p:column>

<p:column headertext="#{label.montoTotal}" sortby="monto" styleclass="texto_14" width="150">

<h:outputtext styleclass="texto_12" value="#{tablaDepositos.montoDeposito}">

<f:convertnumber pattern="#{envioValijaView.patronMoneda}"></f:convertnumber>

</h:outputtext>

</p:column>

<!-- Verificar -->

<p:column headertext="#{label.transportista}" sortby="monto" styleclass="texto_14" width="150">

<h:outputtext styleclass="texto_12" value="#{tablaDepositos.montoDeposito}">

<f:convertnumber pattern="#{envioValijaView.patronMoneda}"></f:convertnumber>

</h:outputtext>

</p:column>

<p:column headertext="#{label.estado}" sortby="monto" styleclass="texto_14" width="150">

<h:outputtext styleclass="texto_12" value="#{tablaDepositos.montoDeposito}">

<f:convertnumber pattern="#{envioValijaView.patronMoneda}"></f:convertnumber>

</h:outputtext>

</p:column>

</p:datatable>

</div>

</div>

另一个决定是设置身体高度 100% - 看例 "到/后" 通过地址
http://www.iecustomizer.com/ms ... t.htm

html, 身体
{
高度： 100.1%;
}

迄今为止的最佳答案 /可能 2012 当年/ 用于强制垂直滚动条 safari, opera & Firefox是：

html {

 height: 101%; /* setting height to 101% forces scroll bar to display */

}

html { min-height: 100%; padding-bottom: 1px; }

Opera 如果使用两个标签，则是最困难的，只有垂直滚动条，无论页面高度如何 html 更高。

谢谢 - 戴安娜

html {height: 100%; margin-bottom: 1px;}

让你的页面始终打开 1px 滚动条始终始终出现并仅添加滚动条 1px 滚动到不够长的页面，以便观看者不认为他们丢失并没有任何原因滚动并滚动。 简单并在所有主要流媒体浏览器中工作 /我测试了哪个/

只是注意到这一点 normalize.css 推荐的：

html { overflow-y: scroll; }

它与ALEK的答案有点不同，但从那时起他已经放弃了他。 根据
http://html5boilerplate.com/ht ... /css/
HTML5 :

由于问题，默认情况下，下一个样式不再启用
可能会出现 Firefox 结合 JS 插件 /如模数
或者 drag-and-drop UIs/, 依靠计算物种屏幕的大小。

事实上，我的经验表明他破坏了一些插件 jQuery.

我不确定为什么为什么不同的解决方案 min-height / margin-bottom / padding-bottom 不是首选，但他们真的创建了一个活动滚动条 /虽然运动 1px/, 尽管 overflow-y 创建一个禁用的滚动条，更好。

html {

 height: 100%;

 border-bottom: 1px #999 solid;

}

NOTE: 我想强制滚动条上的页面，就像我知道的那样，不需要滚动。 这种解决方案只是为了这样的情况。

琼斯的决定在所有浏览器中对我不起作用，但我准备好灰色灰色条带 1px, 在所有浏览器中依次工作。 对我来说，它比显示完整更好 1% extra /筹码决定/. 在设计方面，甚至不太可能是一个让步，因为它是如此微不足道 - 试着看看我的意思。

此外，这项决定将非常有前景。 如果您想添加空白区域，就像其他解决方案一样，没有人知道将内容内容的优化是什么，我可以想象一些浏览器会发现丢失的空空间并消除它 /发生了更奇怪的事情/. 输出 1px, 你让浏览器处理这个 1 像素，无论如何。

添加 overflow:auto 在 css 对于标签 html.

好吧，看到我的代码， datatable 在里面 1 DIV

<div style="overflow-y: scroll; overflow-x: scroll; width: 44em; height: 17em;">

<p:datatable emptymessage="#{msg.tablaVaciaDeposito}" id="dataTableDeposito" lazy="true" rowkey="#{tablaDepositos.idDespositoCheque}" selection="#{envioValijaView.selectedItems}" style="width: 1040px; height: 240px; " value="#{envioValijaView.valijaManagedBean.valijaBean.listaDepositos}" var="tablaDepositos">

<p:column headertext="#{label.fechaHora}" sortby="bancoBean.nombreBanco" styleclass="texto_14" width="150">

<h:outputlabel style="font-size: 12px; text-align: center;" value="#{label.cantDepositos}"></h:outputlabel>

</p:column>

<p:column disabledselection="#{true}" headertext="#{label.nroCataporte}" sortby="nroCataporte" styleclass="texto_14" width="150">

<p:commandlink action="#{envioValijaView.detalleDeposito}" value="#{tablaDepositos.idDespositoCheque}">

<f:setpropertyactionlistener target="#{envioValijaView.depositoChequeBean}" value="#{tablaDepositos}"></f:setpropertyactionlistener>

</p:commandlink>

</p:column>

<p:column headertext="#{label.cantiDepositos}" sortby="nroCheque" styleclass="texto_14" width="155">

<h:outputlabel styleclass="texto_12" value="#{label.montTotalDeposito}"></h:outputlabel>

</p:column>

<p:column headertext="#{label.montoTotal}" sortby="monto" styleclass="texto_14" width="150">

<h:outputtext styleclass="texto_12" value="#{tablaDepositos.montoDeposito}">

<f:convertnumber pattern="#{envioValijaView.patronMoneda}"></f:convertnumber>

</h:outputtext>

</p:column>

<!-- Verificar -->

<p:column headertext="#{label.transportista}" sortby="monto" styleclass="texto_14" width="150">

<h:outputtext styleclass="texto_12" value="#{tablaDepositos.montoDeposito}">

<f:convertnumber pattern="#{envioValijaView.patronMoneda}"></f:convertnumber>

</h:outputtext>

</p:column>

<p:column headertext="#{label.estado}" sortby="monto" styleclass="texto_14" width="150">

<h:outputtext styleclass="texto_12" value="#{tablaDepositos.montoDeposito}">

<f:convertnumber pattern="#{envioValijaView.patronMoneda}"></f:convertnumber>

</h:outputtext>

</p:column>

</p:datatable>

</div>