Angular 10: disable perfect-scrollbar if not have more item to scrolling

Asked May 11 '22 at 20:09

Active May 11 '22 at 21:24

Viewed 1,101 times

I used perfect-scrollbar for scrolling, but when I have less items for example 2 items that don't require scrolling that stay displayed. I'm looking for a solution to hide this scroll if I don't need to scroll and more than that I don't have the elements to scroll.

please help.

        <perfect-scrollbar [config]="configScroll">
          <ul ">
            <li *ngFor="let sub of subMenuItem.submenu; let i = index">
                        <ng-template >
                          <a>
                            <div>test</div>
                          </a>
                        </ng-template>
                      </li>
                    </ul>
                  </div>
                </perfect-scrollbar>

edited May 11 '22 at 21:24

asked May 11 '22 at 20:09

salma

use `overflow: auto`, instead `overflow: scroll` https://www.w3schools.com/css/css_overflow.asp – izmaylovdev May 11 '22 at 22:51
@izmaylovdev Thank you very much for your answer, I added this code: but nothing has changed – salma May 11 '22 at 23:49
could you please add link to exact library you using? – izmaylovdev May 13 '22 at 12:34
@izmaylovdev i use "ngx-perfect-scrollbar" – salma May 13 '22 at 14:34
Does `scrollIndicators` is set to `true` in your config? – izmaylovdev May 14 '22 at 14:34
@izmaylovdev i have default config and i have this : handlers, wheelSpeed, swipeEasing, suppressScrollX, suppressScrollY, wheelPropagation, useBothWheelAxes, scrollingThreshold, minScrollbarLength, maxScrollbarLength, scrollXMarginOffset, scrollYMarginOffset. – salma May 15 '22 at 13:10
@izmaylovdev yes – salma May 15 '22 at 22:57

Angular 10: disable perfect-scrollbar if not have more item to scrolling

0 Answers0