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
1
vote
0 answers
Scroll not working
I'm trying to use angular2-perfect-scrollbar.
I'm using it in div, it works but at the end of the div main scroll should work, it is not working.
When the content of the div ends main scroll should work.
app.module.ts
import { NgModule } from…
Nikhil Radadiya
- 1,995
- 2
- 20
- 43
1
vote
1 answer
Perfect Scrollbar simple gap customization
Hi this regarding jquery plugin perfect-scrollbar.
I want a gap between two scrollbar.
HTML:
CSS:
.container {
width: 400px;
height: 300px;
margin: 50px auto 0 auto;
position:…
satya
- 1,145
- 8
- 12
1
vote
0 answers
Angular1 perfect scrollbar - doesn't propagate back to the parent page when it reaches the end of container on touch devices
I've got a sidebar that breaks to full width on mobile and it won't allow me to scroll further when I get there. The JQuery version has the swipePropagation option but the angular version seems to not allow scrolling at all when the content is less…
jkdude
- 323
- 1
- 3
- 6
1
vote
0 answers
Perfect-scrollbar ran without stopping
I installed a perfect-scrollbar on the application Angular 2, and I wrote the following code:
app.modules:
import { PerfectScrollbarConfigInterface } from 'angular2-perfect-scrollbar';
const PERFECT_SCROLLBAR_CONFIG: PerfectScrollbarConfigInterface…
some user
- 11
- 2
1
vote
1 answer
Perfect scrollbar not working
what am i missing in the following code?
Why is Perfect scrollbar horribly crashing?
It seems it's messing up myDiv scrollbar with browser main scrollbar... any help is appreciated.
Test
Marco
- 759
- 3
- 9
- 22
1
vote
4 answers
perfect scroll bar is not working for table
I am able to see the scrollbar but unable to scroll the content in the div.
The scroll bar is visible but unable to scroll the content
I have attached screenshot of how the scroll bar is rendered.
screenshot.png
Table screenshot
Mano
- 979
- 1
- 18
- 36
1
vote
2 answers
Perfect Scrollbar exceeds content
I m using jquery's perfect scrollbar plugin "perfect-scrollbar" but I am encountering a problem with it.
It seems like the scrollbar exceeds the content instead of wrapping all the content when you scroll on it as you could see on my example site…
newbie
- 14,582
- 31
- 104
- 146
0
votes
0 answers
react-resize-detector not working with react-perfect-scrollbar
I am trying to scroll to bottom when messages are dynamically added in perfect-scroll-bar. When the response gets back from server, I am typing messages with some interval to give it a animation style. So while messages typing, scrollbar height…
Zahid Iqbal
- 1
- 1
0
votes
0 answers
How can I check if a particular div of a component is rendered in view?
I am using the ngx-perfect scrollbar component in my project. The perfect scrollbar assigns the class 'ps ps--active-y' to the div it uses as the scrolling container.
see this example from https://ngx-perfect-scrollbar-test.stackblitz.io/
I want to…
0
votes
0 answers
How to use overscroll-behaviour: contain on PerfectScrollbar
So I have a component which renders out multiple items inside of a
Owenn
- 638
- 1
- 6
- 23
0
votes
1 answer
What is the most efficient way of virtualize large data?
I have a list of cards that contains charts, images on it. Since the chart data and image requests slowdown my application, I thought to follow a virtualization technique. I'm currently using ngx-perfect-scrollbar and I'm about to use the virtual…
Dg980794
- 45
- 4
0
votes
0 answers
Angular 10: disable perfect-scrollbar if not have more item to scrolling
I used perfect-scrollbar for scrolling, but when I have less items for example 2 items that don't require scrolling that stay displayed. I'm looking for a solution to hide this scroll if I don't need to scroll and more than that I don't have the…
salma
- 41
- 1
- 8
0
votes
1 answer
propagating scroll event to perfect-scrollbar
Consider a scenario when you have a responsive design, with 3 columns.
On desktop:
left menu
main column (whole page is scrollable)
right menu
On mobile:
top menu
main column (scrollable)
bottom menu
On desktop when scroll event occurs anywhere…
Alex
- 4,607
- 9
- 61
- 99
0
votes
1 answer
How to scroll to a specific element with PerfectScrollbar?
simple issue here: I'm building a website using the awesome Black Dashboard template for Bootstrap 4 (https://www.creative-tim.com/product/black-dashboard - thanks Tim!). The template employs PerfectScrollbar for jQuery, with which I have no prior…
PaulJK
- 189
- 11
0
votes
1 answer
react-perfect-scrollbar - doesn't get updated for div holding accordions
I have a container div with a fixed height (depending on 100vh i.e. window height). Inside that container, I have few accordions added which will affect the height of the area runtime when they get opened/closed. I have implemented a…
Hiral Vadodaria
- 19,158
- 5
- 39
- 56