I have taken over a project from a colleague, and I am encountering an unusual issue that I cannot figure out.
On this HTML page, even though it extends beyond the screen's boundaries, there is no scrollbar present, and scrolling using the mouse wheel is not working at all. I have thoroughly examined the CSS in Chrome inspector but have been unsuccessful in making it scrollable.
To highlight the problem, I have added a large div with red borders at the end of the page.
You can view a live demo here:
Edit: To simplify things for sharing code, here is a snippet:
<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 />
...
</div>
<div id="bottom-spacer"></div>
</div>
</div>
And here is the 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; }