Questions tagged [perfect-scrollbar]

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.

92 questions
0
votes
1 answer

Initializing PerfectScrollbar in React app

I was using the old version of perfect-scrollbar in my React app. In the old version, there was an ps.initialize() method that I was using with a ref to the section that I wanted to use perfect scrollbar for. I tried the new approach -- see below --…
Sam
  • 26,817
  • 58
  • 206
  • 383
0
votes
1 answer

Inject divs into perfect-scroll without changing scroll position

Is there a way to add div containers into perfect-scrollbar (https://www.npmjs.com/package/perfect-scrollbar) once loaded without shifting the current location. Similar to how Android does their recycler-view. IE if i have a scrollable DIV with…
civic.sir
  • 400
  • 1
  • 9
  • 26
0
votes
1 answer

Mouse wheel event, not working as expected in Firefox, when using Highcharts with PerfectScrollbar

I'm using the highcharts library, it's related plugins and using the perfect scrollbar for scrolling. The chart is extended with plugin for "zooming out" and "zooming in" (on mouse wheel event) and it is placed under the parent DIV element (on which…
delux
  • 1,694
  • 10
  • 33
  • 64
0
votes
1 answer

How to add scrollbar in Grid

Hello, i need help in adding a scrollbar on top, after the headers, horizontal scrollbar. thanks alot its in react js.
0
votes
0 answers

Bootstrap 4 - Tooltip and Popover Alignment issues with Perfect Scrollbar

I have Deactivated browser scrollbar and using perfect scrollbar instead inside a content div So what's the issue? The issue is triggered with alignment of tooltip and popover. Please download the code from github repo So what to do after…
Owaiz Yusufi
  • 849
  • 1
  • 14
  • 34
0
votes
1 answer

PerfectScrollbar can't use wheel in bootstrap modal

Using PerfectScrollbar 0.6.11, I can't have the wheel of my mouse scroll the element in a modal. Here is a fiddle : https://jsfiddle.net/9e64aspu/ $('#modal-filters').on('shown.bs.modal', function () { $('#filters-scroll').perfectScrollbar({ …
Vincent Decaux
  • 9,857
  • 6
  • 56
  • 84
0
votes
0 answers

Perfect scrollbar for text area is applied but scrollbar is not visible

My textarea will expands til a specific height, after that I want to show PerfectScrollbar. It was applied by functionality(Textarea is scrolling) but scrollbar is not visible(hidden). I have added the below code in my textarea's keydown…
Priyanga
  • 143
  • 1
  • 3
  • 16
0
votes
1 answer

How do I scroll the scrollbar to the bottom?

I'm having problem with scrolling scrollbar to the bottom. It works on load correctly when on ngAfterViewInit. When I add new message it doesn't trigger the scroll, but after adding the second message, it scrolls to the first message. So it looks…
Whistler
  • 1,897
  • 4
  • 29
  • 50
0
votes
2 answers

Angular5 Perfect Scrollbar psYReachEnd fires event multiple times

I am utilizing ngx-perfect-scrollbar 5.5.12 for my Angular5 app. When the scrollbar reach the bottom of the screen, I am going to load more data like infinite scrolling. app.component.html
purplefeel
  • 193
  • 2
  • 16
0
votes
2 answers

PerfectScrollbar is not a function on FullCalendar

I'm trying to apply the PerfectScrollbar on FullCalendar but I sadly got: PerfectScrollbar is not a function that's weird because in other place of my application the PerfectScrollbar is successful applied. This is my implementation for…
sfarzoso
  • 1,356
  • 2
  • 24
  • 65
0
votes
0 answers

How to add custom scrollbar in angular 4 and initialize the scrollbar when required in the child-component.ts

I have installed the ngx-perfect-scrollbar in my angular app , but i want to customize it like when my div height will increase it should be initialized and destroyed when I want . Can Anyone help me how to use the css and js for this perfect…
0
votes
1 answer

Angular 5 how to add ngx-perfect-scrollbar dynamically?

How can I add PerfectScrollbarComponent (ngx-perfect-scrollbar) selector is 'perfect-scrollbar' component dynamically to Angular 5 component? Thank you in advance.
L. Kvri
  • 1,456
  • 4
  • 23
  • 41
0
votes
2 answers

Ngx-Perfect-Scrollbar not working

I have been trying to make the ngx-perfect-scrollbar work. I have installed the library using npm install ngx-perfect-scrollbar --save after that I have added the dependency into my app.module.ts. But when i run the app it gives error Object(...)…
Unnikrishnan M R
  • 224
  • 2
  • 11
0
votes
1 answer

Angular1 perfect scrollbar : After refreshing the data, how to get it back to the top

I set the scroll bar for the table. When I scroll to the bottom of the current page and click on the next page, the scroll position does not get back to the top. How can I get it back to the top after the data is refreshed? Thanks.
染的人
  • 1
  • 1
0
votes
1 answer

Prefect scrollbar is not loading when loaded using angular-cli in angular 4

I'm currently working on a angular 4 project, and i'm using angular cli. Currently i'm using perfect scrollbar, bootstrap-slider.min.js, d3.js etc which is bundled together. Problem When we add the script file inside the angular-cli scripts array,…
PCA
  • 1,677
  • 6
  • 28
  • 45