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
14
votes
3 answers
How to prevent stop scrolling hovering an iFrame (Perfect Scrollbar)?
I'm using this plugin to change the aspect of my scrollbar.
Despite all attempts, I can not make it work correctly, indeed if I scroll the page when I'm above the iFrame, the scroll doesn't work as you can see in this…
NineCattoRules
- 2,253
- 6
- 39
- 84
10
votes
4 answers
how to enable autoscrolling in perfect-scrollbar with angular 4?
documentation is not being very helpful here. I want to use the perfect scroll-bar in my application so that I bypass issues of compatibility with all browsers. I initialized my code exactly as described here…
Sivvio
- 297
- 2
- 7
- 22
9
votes
4 answers
TypeError: $(...).perfectScrollbar is not a function
I am trying to createa "Perfect Scrollbar" using this:
https://noraesae.github.io/perfect-scrollbar/
With the most simple possible code:
lisandrom
- 161
- 2
- 2
- 8
7
votes
4 answers
Perfect Scrollbar not working in Angular
I'm trying to add a styled scrollbar to my Angular application using the following library:
https://github.com/zefoy/ngx-perfect-scrollbar
I followed the documentation in that link and added the imports to my app.module.ts file, but I keep getting…
Bryan
- 2,951
- 11
- 59
- 101
7
votes
2 answers
Angular2 scrollable content
I used Perfect Scrollbar and then I started using Angular 2, but I cannot find the similar addition. What would be correct way to implement perfect scrollbar in Angular 2 project?
I followed this great example but I am kind a lost how to change in…
Ram
- 85
- 1
- 6
6
votes
1 answer
perfect-scrollbar plugin On reaching bottom, fires the event multiple times
I am using perfect-scroll plugin
https://github.com/noraesae/perfect-scrollbar
And when I used the ps-y-reach-end event
document.addEventListener('ps-y-reach-end', (event)=> {
console.log('Why this is printing multiple times when I reach Bottom,…
RONE
- 5,415
- 9
- 42
- 71
5
votes
3 answers
Perfect Scroll bar error no element is specified to initialize PerfectScrollbar on windows
I am getting this error on server start on react js.
Error: no element is specified to initialize PerfectScrollbar
However it is working fine on friend MAC OS. I am using windows.
I am using this version:
"perfect-scrollbar": "^1.4.0",
Asad Khan
- 473
- 1
- 8
- 21
5
votes
1 answer
Infinite drag perfect-scrollbar issue in Firefox
I came across a unique situation while applying perfect-scrollbar to a container whose height is applied dynamically.
The scroll goes down the container even after reaching the end and while wheelPropagation set to false.
JsFiddle Link
Note: This…
Allan Jebaraj
- 1,062
- 8
- 25
5
votes
1 answer
ngx-perfect-scrollbar can be used on angular material elements?
I would like to add perfect scrollbar on the mat-autocomplete element. Is it possible to add ngx perfect scrollbar on angular material elements?
Abishek Amstrong
- 309
- 4
- 16
4
votes
1 answer
Perfect scrollbar continues to be displayed even after content is reduced
I am trying perfect scrollbar. The scrollbar works fine... it starts display of the scrollbar when content exceeds.
...BUT!
When content is deleted to be less than the div's height, I would expect the scrollbar to go away. It does not. It goes only…
asinix
- 966
- 1
- 9
- 22
4
votes
3 answers
How to integrate react-perfect-scrollbar with react-select
I want to apply style to scrollbar, scrollbar style works perfectly in chrome using css. but does not work in Firefox and Iexplore.
Hence I opted to perfect-scroll-bar, But scrollbar does not move as expected if we navigate options using arrow…
Yasin
- 1,150
- 5
- 19
- 39
4
votes
4 answers
ngx-perfect-scrollbar: How to reference to the directive from typescript?
I'm using ngx-perfect-scrollbar with my Angular 5 project. I want to scroll the div to top when the route changes.
dashboard.html
…
blue
- 525
- 1
- 8
- 20
4
votes
0 answers
How to use perfect-scrollbar on dynamiclly created elements
I'm using perfect-scrollbar with some dynamically generated elements
I used "DOMNodeInserted" event to do that
$(document).bind('DOMNodeInserted', function (event) {
$('.scrollable,.k-grid-content,.portlet-body').perfectScrollbar();
…
FDI
- 771
- 1
- 9
- 25
3
votes
2 answers
Laravel javascript require perfect-scrollbar
I try to require the jquery pulgin perfect-scrollbar to my laravel javascript. So I have runed
npm install perfect-scrollbar
In Line 1 of my Javascript file (located under ressources/assets/javascript/material-dashboard/myfile.js) I require the…
Markus
- 1,909
- 4
- 26
- 54
3
votes
0 answers
Nested perfect-scrollbar scrolling both the div child as well as parent
I am using ngx-perfect-scrollbar
I have section with fixed height on the page. So, 2 perfect scrollbar one for page and other for section in the page.
But when scrolling inside section of the page (with the mouse click to test scroll on touch…
gaurav bhavsar
- 2,033
- 2
- 22
- 36