Html 垂直滚动条不显示
我从一位同事那里继承了一个项目,我面临着一个我无法解决的非常奇怪的行为 这是一个HTML页面,即使它比屏幕长,它也不会显示滚动条,甚至用鼠标滚轮也无法滚动。 我尝试使用Chrome inspector深入查看CSS,但没有办法使其可滚动 我在页面末尾添加了一个带有红色边框的大div,因此更容易看到问题 这是一个现场演示: 编辑:我已尽可能简化页面,以发布一些代码:Html 垂直滚动条不显示,html,css,Html,Css,我从一位同事那里继承了一个项目,我面临着一个我无法解决的非常奇怪的行为 这是一个HTML页面,即使它比屏幕长,它也不会显示滚动条,甚至用鼠标滚轮也无法滚动。 我尝试使用Chrome inspector深入查看CSS,但没有办法使其可滚动 我在页面末尾添加了一个带有红色边框的大div,因此更容易看到问题 这是一个现场演示: 编辑:我已尽可能简化页面,以发布一些代码: <h3 class="modal-wnd"><a href="#" onclick="Close();" clas
<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>
除去
body {
overflow: hidden;
}
从App.min.css
(第1行)
在App.min.css
中。例如,将其更改为溢出:auto
。在css添加中
#bottom-spacer {
overflow: auto;
}
当内容超过div的高度时,它将添加滚动条
#底部垫片{
边框:3个红色虚线;
高度:90px;
溢出:自动;
}
下面是一个示例
他说:“我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们。”雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思他说:“我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们,我的朋友们。”雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思雅思
请在此处发布一些代码,以便提供一个完整的解决方案。另外:溢出:滚动代码>为什么-1??太简单了?有时,经验丰富的开发人员也可能会错过他们眼中的解决方案……如前所述,app.css body overflow:hidden就是原因。但除此之外,你有一个大的视图状态和页面加载非常缓慢。也许你也会想处理它(一个简单的页面大概是636K!)@CetinBasoz是的,我看到了!我正在重构一切,但它是一个大平台的一部分,很难在上面工作。谢谢,顺便说一句
body {
overflow: hidden;
}
#bottom-spacer {
overflow: auto;
}