我无法左右看到滚动条，直到我一直向下滚动到内容的底部

Question

I'm trying to add scroll controls to my pdf viewer. Scroll up and down works fine but I can't see the bar for scrolling left and right until I scroll to the bottom of the pdf file. In my css I have:

.pdf-content {
    overflow-y: auto;
    border: 1px solid #EEE;
    padding: 0px;
    margin: 0px;
}

In my html, I have:

<div class="pdf-content" [style.width]="imageWidth" [style.height]="imageHeight">
    <pdf-viewer *ngIf="fileUrl" style="display: block;" 
        [src]="fileUrl" 
        [show-all]="false" 
        [original-size]="false" 
        [rotation]="rotation"
        [page]="page"
        [zoom]="zooming"
        (after-load-complete)="callBackFn($event)">
    </pdf-viewer>

    <md-spinner *ngIf="loadingPdf && fileUrl" class="center"></md-spinner>
</div>

Answer 1

Your scroll bars are on two different elements. Try changing overflow-y: auto to just overflow: auto so that the scroll bars are on the same element.