perfect-scrollbar is a lightweight jQuery plugin that allows you to beautify the default scroll bars without changing or adding any style on original elements.
Questions tagged [perfect-scrollbar]
92 questions
3
votes
2 answers
How to customize perfect-scrollbar width
I am using perfect-scrollbar. The documentation says, that the scrollbar is fully customizable, but there is no such setting like width
This is how it looks default:
, and it is only 8px width.
But I need at least 12px:
How to achieve this?
msangel
- 9,895
- 3
- 50
- 69
3
votes
1 answer
Perfect-scrollbar with relative height
I'm using perfect-scrollbar to customise scrollbar in my application . Now i have a situation where I wish to have a height of the scrollable section defined in terms of percentage . I tried to set the height to percentage but its not working .
Here…
Mridul Raj
- 1,001
- 4
- 19
- 46
2
votes
1 answer
How to show the scrollbar only on scroll
I use perfect-scrollbar https://github.com/mdbootstrap/perfect-scrollbar for custom scrollbar. The scrollbar is visible only when you mouse hover the container.
How can I show the bar only on scroll event and hide it on scroll end?
TonyRandom
- 23
- 1
- 4
2
votes
0 answers
Perfect Scrollbar : suppressScrollX : true not working in rtl mode
I am working on a project and there I have used perfect scrollbar all works fine until I have converted my project to support rtl mode.
The Scrollbar works perfectly when used with or without suppressScrollX : true in ltr mode but when comes to rtl…
Owaiz Yusufi
- 849
- 1
- 14
- 34
2
votes
0 answers
perfect-scrollbar Scroll to element Not working
I'm using perfect scrollbar. But can't able to use scrollToElement Property.
while passing element it throws typescript error "DOMException: Failed to execute 'querySelector' on 'Document': "
import PerfectScrollbar from 'perfect-scrollbar';
const…
Ranjith Kumar
- 35
- 11
2
votes
2 answers
How to call ngx-perfect-scrollbar update() and ScrollTop() method in angular?
I am using "ngx-perfect-scrollbar": "^5.3.5". I am adding the description as "See More" and "See Less" and there is scroll on the page. When performing "See More" and "See Less" click action, perfect Scrollbar is not updating itself and there…
Mahi
- 3,748
- 4
- 35
- 70
2
votes
3 answers
React PerfectScrollBar scroll at bottom of container for dynamically generated content
I am using react perfectscrollbar https://www.npmjs.com/package/react-perfect-scrollbar
I am trying to implement the chat feature where on clicked on user, the chat message is requested via ajax and placed in the DOM. Here, I want the container to…
user254153
- 1,855
- 4
- 41
- 84
2
votes
2 answers
horizontal scroll in ngx-perfect-scrollbar
i am using ngx-perfect-scrollbar for scroll, vertical scroll was running fine, but horizontal scroll not working
Apurv Chaudhary
- 1,672
- 3
- 30
- 55
2
votes
0 answers
Auto-Scroll while dragging an item with Perfect-Scrollbar and SortableJs
Is it possible to make perfect-scrollbar automatically scroll up/down while dragging an item in the edge its container? In this case for the drag & drop, I'm using SortableJS.
To reproduce my use case try to drag the Item 1 to the end of the list…
Helder Lucas
- 3,273
- 2
- 21
- 26
2
votes
1 answer
How can I use react-perfect-scrollbar on react-table to override default scrollbar?
I'm trying to use react-perfect-scrollbar on react-table but it doesn't work, it does on a custom table.
