Open Closed

Scrollbar not visible #7682


User avatar
0
devpayoff created
  • ABP Framework version: v8.2.1

  • UI Type: Angular

  • Database System: EF Core

  • Tiered (for MVC) or Auth Server Separated (for Angular): yes

We have observed that the scrollbar on our page does not appear initially. It only becomes visible after using the mouse wheel to scroll. Is there a way to make the scrollbar appear at the start of the page without requiring user to scroll with mouse?

Thanks


4 Answer(s)
  • User Avatar
    0
    Anjali_Musmade created
    Support Team Member

    Hello,

    please try to add CSS code for that particular container

    overflow: auto;
    

    Thanks

  • User Avatar
    0
    devpayoff created

    Doesn't work.
    That's before resizing/scrolling:
    image.png
    After resize or scroll it appear:
    image.png
    If i remove class "lpx-scroll-container" it work but it's like that:
    image.png
    Isn't there a better fix?

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Member

    Hi,

    I will check and get back to you.

    Thanks,

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Member

    Hello,

    Please try to add CSS below in styles.scss

    .lpx-scroll-container.ps > .ps__rail-y {
      display: block ;
      height: 100% ;
    }
    

    it will result like shown in screenshot, scrollbar will be visible initially before scrolling
    image.png

    Thanks

Boost Your Development
ABP Live Training
Packages
See Trainings
Mastering ABP Framework Book
Do you need assistance from an ABP expert?
Schedule a Meeting
Mastering ABP Framework Book
The Official Guide
Mastering
ABP Framework
Learn More
Mastering ABP Framework Book
Made with ❤️ on ABP v9.2.0-preview. Updated on March 13, 2025, 04:08