when the page extends the scroll does not appear

Question

The problem is when the page extend the scroll does not appear

I have a problem with this code

<div class="yui3-lightbox act-auth-lightbox">
  <div class="yui3-lightbox-content" style="max-width: 448px;">
    <a class="zsg-icon-x-thin lightbox-close" title="Close" tabindex="-1"></a>
    <div class="lightbox-body zsg-tooltip-viewport">
      <div class="tooltip-dest">
        <div id="strength-tooltip"></div>
      </div>
      <div class="user-account login">
        <div class="module-wrap">
          <div class="module-head">
            <h2>مرحبا بكم في فرص</h2>
          </div>
          <div class="module-body">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="yui3-lightbox-mask act-auth-lightbox" style="display: block;"></div>
</div>
</div>
</div>
</div>

As in the following:

Screenshot 1

Screenshot 2

Possible duplicate of [CSS - Overflow: Scroll; - Always show vertical scroll bar?](https://stackoverflow.com/questions/7492062/css-overflow-scroll-always-show-vertical-scroll-bar) — Michelangelo, Sep 08 '19 at 19:08

score 0 · Answer 1 · answered Sep 08 '19 at 19:12

I suspect the lightbox is setting itself up to occupy the entire view using position: fixed (or something similar), and setting overflow: hidden to clip anything that doesn't fit. Assuming that's the case, your document is not exceeding the bounds of the window, hence no scrollbar.

when the page extends the scroll does not appear

1 Answers1