mdbootstrap / perfect-scrollbar

Minimalistic but perfect custom scrollbar plugin. Get more free components with Material Design for Bootstrap UI Kit (link below)
https://perfectscrollbar.com/
MIT License
353 stars 69 forks source link

Scroll bar thumb is not draggable in IPad (Safari or Chrome) but works perfectly fine on Desktops #7

Open matrixkavi opened 3 years ago

matrixkavi commented 3 years ago

First of all, thank you for creating perfect-scrollbar. I tried using the angular wrapper on perfect scrollbar in my application by following the steps mentioned here:

https://pdfviewer.net/extended-pdf-viewer/perfect-scrollbar

After keeping overflow value for viewerContainer div of ngx-extended-pdf-viewer as hidden, as well as setting the following css properties, I was able to get it working in desktop:

viewerContainer::-webkit-scrollbar {

width: 0px;
background-color: #fff;

}

viewerContainer::-webkit-scrollbar-thumb {

/* width: 0px; */
background: #1999 !important;

}

viewerContainer::-webkit-scrollbar-track {

/* width: 0px; */
background: rgba(158, 201, 201, 0.6) !important;

}

But the pdf rendered in IPad (Running on IPAD OS 14.6) doesn't allow me to drag the scroll bar's thumb. Even if I am trying to drag it, the page is moving in opposite direction. Unfortunately, I am unable to give any code snippets related to this at the moment. I also am not sure whether this is the correct forum to get the issue addressed. If it is not, please guide me where I should be asking this question and get it fixed.