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
2
votes
2 answers
perfect-scrollbar default scrollbar remains and the "perfect-scrollbar" not functional
I really need help with this one. I would like to replace the default scrollbar on my iframe with the "perfect scrollbar".
I have downloaded the perfect scrollbar. I also have included the needed files into my html document. According to the…

user2886091
- 725
- 7
- 16
- 29
1
vote
1 answer
Uncaught Error: no element is specified to initialize PerfectScrollbar
The error detailed Uncaught Error: no element is specified to initialize PerfectScrollbar
version: perfect-scrollbar v1.5.3
Error from my web browser console
pscroll.js
(function ($) {
"use strict";
*const ps = new…

WreckitJeck
- 15
- 1
- 7
1
vote
1 answer
React lazy load won't work inside React perfect scroll bar
I am using react-perfect-scrollbar to show images list.
Inside the perfect scroll bar, I am going to lazy load images. But it won't work.
import React, { useState, useCallback, useEffect } from 'react';
import PerfectScrollbar from…

hotcakedev
- 2,194
- 1
- 25
- 47
1
vote
0 answers
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 Ubuntu OS. I am using windows.
Thanks in advance
Here is the related code
// creates a beautiful…

Ujith Isura
- 67
- 2
- 10
1
vote
1 answer
React-Perfect-Scrollbar and Material UI
I'm trying (without success) to get react-perfect-scrollbar working in my material-ui app.
I've extracted a simple version to https://codesandbox.io/s/agitated-resonance-4yxzo
The aim is for only the 'content' section (the bit with the lorem-ipsum!)…

Defenestrate
- 433
- 2
- 6
- 14
1
vote
2 answers
Make ngx-perfect-scrollbar visible by default
I am using ngx-perfect-scrollbar on div element like this:
.
.
.
.
But the scrollbar is visible only when I hover mouse over the div element of…
DevLoverUmar
- 11,809
- 11
- 68
- 98
1
vote
1 answer
Overflow hidden is not working with slideshow
This is creating the slideshow, but with a scrollbar and small white gap at bottom. I have placed it inside A DIV with relative and overflow hidden as I found on another topic but it still shows the scrollbar. I am assuming there is something else I…

SamsungAccount
- 13
- 3
1
vote
1 answer
NGX Perfect Scrollbar: Remove horizontal scroll in IE11 while decreasing scale
The issue was reproduced on IE11. Horizontal scroll axis appeared when I decreased scale. I tried to use suppressScrollX: true and useBothWheelAxes: false but it doesn't work.
How can I remove x axis on IE11 while scaling?

ame
- 773
- 9
- 21
1
vote
0 answers
How to get Perfect scrollbar work in Ag-Grid react
I have this problem in react.
Perfect-Scrollbar dont work properly with Ag-Grid.
Vertical Scrollbar only show if you use keyboard and scoll down in list and Horizontal Scrollbar dont show PerfectScrollbar at all.
"react": "^16.9.0"
"ag-grid-react":…

Henrik
- 243
- 1
- 3
- 12
1
vote
0 answers
Expandable p tag does not expands as expecting manner while copy pasting the content
I have a contenteditable p tag which expands til a particular height and then it will have a scrollbar. When copy pasting the content inside that expandable p tag it does not expand or sometimes it will expands beyond the height limit.
HTML:

Priyanga
- 143
- 1
- 3
- 16
1
vote
1 answer
$(...).perfectScrollbar is not a function error when building JS with webpack
I am working with Laravel 5.6 and building my app.js with webpack.
I installed with npm perfect-scrollbar but I cannot get it to work. When I load the page I get:
Uncaught TypeError: $(...).perfectScrollbar is not a function
My js bootstrap…

TheRealPapa
- 4,393
- 8
- 71
- 155
1
vote
0 answers
Perfect Scrollbar as an Vue.js2 directive
I am working on a perfect-scrollbar directive.
yarn add perfect-scrollbar
I found this lying around, but it silently fails.
This is the code:

Jakub Strebeyko
- 676
- 1
- 9
- 22
1
vote
0 answers
this keyword result undefined in ie11
I have this strange problem: I have a page that works fine on all major browser except IE11, where the page doesn't load.
I checked in the console in ie 11 and found this error:
the error refers to the function SetStyle, that set the style of the…

Giacomo Ciampoli
- 821
- 3
- 16
- 33
1
vote
1 answer
Perfect scrollbar not functional with content loaded dynamically using insertAdjacentHTML
I am trying to dynamically load some links from an array(JSON encoded values) as a list inside a div. In my real application this array comes from PHP. I am using insertAdjacentHTML('beforeend', "link content") to set the content.
To style the same…

Prashanth kumar
- 949
- 3
- 10
- 32
1
vote
4 answers
How to apply ngx-perfect scrollbar to ag-grid
I have been going round in circles trying to apply ngx-perfect-scrollbar to ag-grid. I can get both working separately, but I want to completely replace the default scrollbar on my datatable with perfect-scrollbar.
I have set up my module as per…

Inigo
- 8,110
- 18
- 62
- 110