How do I add a scrollbar to the popup notification window

Hello,
When there are many papers, it is not possible to reach the last lines.
So how do I add a scrollbar

        <li id="header_notification_bar" class="dropdown">
      
        <a data-toggle="dropdown" class="dropdown-toggle" href="index.php">
        <i class="fa fa-tasks"></i>
        <span class="badge bg-warning">15</span>
        </a>
        <ul class="dropdown-menu extended tasks-bar dropdown-menu-right">
          <div class="notify-arrow notify-arrow-yellow"></div>
          <li>
            <p class="yellow">15 Yeni Fiyat Teklifi Çıkarıldı</p>
          </li>
          <li><a target="_blank" href="../pdf.php?pdf=172&g=172"><span class="label label-success"><i class="fa fa-plus"></i></span> <span class="small italic">Hikmet GENÇ Fiyat Teklifi Çıkardı</span></a></li>
          <li><a target="_blank" href="../pdf.php?pdf=251&g=251"><span class="label label-success"><i class="fa fa-plus"></i></span> <span class="small italic">Hikmet GENÇ Fiyat Teklifi Çıkardı</span></a></li>
          <li><a target="_blank" href="../pdf.php?pdf=252&g=252"><span class="label label-success"><i class="fa fa-plus"></i></span> <span class="small italic">Hikmet GENÇ Fiyat Teklifi Çıkardı</span></a></li>
          <li><a target="_blank" href="../pdf.php?pdf=257&g=257"><span class="label label-success"><i class="fa fa-plus"></i></span> <span class="small italic">Hikmet GENÇ Fiyat Teklifi Çıkardı</span></a></li>
          <li><a target="_blank" href="../pdf.php?pdf=292&g=292"><span class="label label-success"><i class="fa fa-plus"></i></span> <span class="small italic">Misafir Fiyat Teklifi Çıkardı</span></a></li>
          <li><a target="_blank" href="../pdf.php?pdf=294&g=294"><span class="label label-success"><i class="fa fa-plus"></i></span> <span class="small italic">Misafir Fiyat Teklifi Çıkardı</span></a></li>
          <li><a target="_blank" href="../pdf.php?pdf=297&g=297"><span class="label label-success"><i class="fa fa-plus"></i></span> <span class="small italic">Misafir Fiyat Teklifi Çıkardı</span></a></li>
          <li><a target="_blank" href="../pdf.php?pdf=298&g=298"><span class="label label-success"><i class="fa fa-plus"></i></span> <span class="small italic">Misafir Fiyat Teklifi Çıkardı</span></a></li>
          <li><a target="_blank" href="../pdf.php?pdf=299&g=299"><span class="label label-success"><i class="fa fa-plus"></i></span> <span class="small italic">Misafir Fiyat Teklifi Çıkardı</span></a></li>
          <li><a target="_blank" href="../pdf.php?pdf=300&g=300"><span class="label label-success"><i class="fa fa-plus"></i></span> <span class="small italic">Misafir Fiyat Teklifi Çıkardı</span></a></li>
          <li><a target="_blank" href="../pdf.php?pdf=301&g=301"><span class="label label-success"><i class="fa fa-plus"></i></span> <span class="small italic">Misafir Fiyat Teklifi Çıkardı</span></a></li>
          <li><a target="_blank" href="../pdf.php?pdf=302&g=302"><span class="label label-success"><i class="fa fa-plus"></i></span> <span class="small italic">Hikmet GENÇ Fiyat Teklifi Çıkardı</span></a></li>
          <li><a target="_blank" href="../pdf.php?pdf=303&g=303"><span class="label label-success"><i class="fa fa-plus"></i></span> <span class="small italic">Hikmet GENÇ Fiyat Teklifi Çıkardı</span></a></li>
          <li><a target="_blank" href="../pdf.php?pdf=304&g=304"><span class="label label-success"><i class="fa fa-plus"></i></span> <span class="small italic">Misafir Fiyat Teklifi Çıkardı</span></a></li>
          <li><a target="_blank" href="../pdf.php?pdf=307&g=307"><span class="label label-success"><i class="fa fa-plus"></i></span> <span class="small italic">Misafir Fiyat Teklifi Çıkardı</span></a></li>              <li>
          <li><a href="index.php?goster=172,251,252,257,292,294,297,298,299,300,301,302,303,304,307">Tüm Fiyat Tekliflerini Göster</a></li>
          <li>
          <a class="red" href="index.php?goruldu=172,251,252,257,292,294,297,298,299,300,301,302,303,304,307">
          <span class="label label-success"><i class="fa fa-check"></i></span> 
              Tümünü Görüldü İşaretle
          </a>
          </li>
        </ul>
      </li>

https://www.codeply.com/go/bp/T0yF2ZNTUd

Set the max-height to whatever you want, and add CSS like this:

#PopupWindow { overflow-y:scroll }

Or something similar. Then, it will stick to the max-size height-wise and add a scroll if needed.

1 Like
Sponsor our Newsletter | Privacy Policy | Terms of Service