时间戳

首页 > 解决方案 > 不显示垂直滚动条

html - 不显示垂直滚动条

问题描述

我从一位同事那里继承了一个项目，我正面临一个我无法解决的非常奇怪的行为。

这是一个 HTML 页面，即使它比屏幕长，它也不显示滚动条，而且根本无法滚动，即使使用鼠标滚轮也是如此。我尝试使用 Chrome 检查器深入研究 CSS，但无法使其可滚动。

我在页面末尾添加了一个大 div，带有红色边框，因此更容易看到问题。

这是一个现场演示：http: //mobile.natuplan.com/mobileapp/add-demo.aspx

编辑：我已尽可能简化页面以发布一些代码：

<h3 class="modal-wnd"><a href="#" onclick="Close();" class="btn-back"><i class="fa fa-arrow-left"></i></a>
    Nuova Richiesta</h3>
<div class="content-wnd modal-wnd">
    <div id="pnlInsert" runat="server">
        <div>
            some content here...<br />
            Lorem ipsum dolor sit amet and something else blabla bla<br />
            Lorem ipsum dolor sit amet and something else blabla bla<br />
            Lorem ipsum dolor sit amet and something else blabla bla<br />
            Lorem ipsum dolor sit amet and something else blabla bla<br />
            Lorem ipsum dolor sit amet and something else blabla bla<br />
            Lorem ipsum dolor sit amet and something else blabla bla<br /><br /><br />
            Lorem ipsum dolor sit amet and something else blabla bla<br />
            Lorem ipsum dolor sit amet and something else blabla bla<br />
            Lorem ipsum dolor sit amet and something else blabla bla<br />
            Lorem ipsum dolor sit amet and something else blabla bla<br />
        </div>
        <div id="bottom-spacer"></div>
    </div>

</div>

和CSS：

#bottom-spacer { border: 3px dashed red ;height:550px;}
#pnlInsert{overflow-y:auto;}
.modal-wnd{}
.modal-wnd.content-wnd {
    padding: 10px 15px 10px 10px;
    margin-top: 40px; }

标签： htmlcss

解决方案

消除

body {
    overflow: hidden;
}

从App.min.css（第 1 行）

推荐阅读