MCPcopy Index your code
hub / github.com/MurhafSousli/ngx-scrollbar

github.com/MurhafSousli/ngx-scrollbar @v19.1.5

Chat with this repo
repository ↗ · DeepWiki ↗ · release v19.1.5 ↗ · + Follow
592 symbols 1,326 edges 119 files 29 documented · 5%
What it actually does AI analysis from the code graph — generated when you open this
loading…
README


Angular Custom Scrollbar

Demo Stackblitz Backers on Open Collective npm CI Build codecov Downloads NPM Downloads License

Custom overlay-scrollbars with native scrolling mechanism for Angular, it also provides a cross-browser smooth scroll directive.

Features

  • Exceptional performance, see comparing test results.
  • Native scrolling mechanism.
  • Easily Customizable using CSS variables.
  • Easy integration with 3rd party libraries.
  • RTL support.
  • Mobile support.
  • SSR support.

Addons directives:

  • Smooth scroll functionality.
  • Scroll reached & dropped events.
  • MatSelect integration.
  • CdkVirtualScroll integration.

Documentations

Table of contents

Addons:

Issues

If you identify any errors in the library, or have an idea for an improvement, please open an issue.

Author

More plugins

Extension points exported contracts — how you extend this code

ScrollbarParams (Interface)
* Parameters for creating an extended scrollbar.
projects/ngx-scrollbar/src/lib/ng-scrollbar-anywhere.ts
NgScrollbarCssVariables (Interface)
(no doc)
projects/ngx-scrollbar-demo/src/app/lab/lab.component.ts
SmoothScrollOptions (Interface)
(no doc)
projects/ngx-scrollbar/smooth-scroll/src/smooth-scroll.model.ts
SmoothScrollOptionsForm (Interface)
(no doc)
projects/ngx-scrollbar-demo/src/app/lab/smooth-scroll-form/smooth-scroll-form.component.ts
BezierEasingOptions (Interface)
(no doc)
projects/ngx-scrollbar/smooth-scroll/src/smooth-scroll.model.ts
ToggleChange (Interface)
(no doc)
projects/ngx-scrollbar-demo/src/app/lab/toggle-form/toggle-form.component.ts
ReachedEvent (Interface)
(no doc)
projects/ngx-scrollbar/reached-event/src/reached.model.ts
ReachedEvent (Interface)
(no doc)
projects/ngx-scrollbar-demo/src/app/lab/reached-notifier/reached-notifier.component.ts

Core symbols most depended-on inside this repo

afterTimeout
called by 52
projects/ngx-scrollbar/src/lib/tests/common-test.ts
setDimensions
called by 45
projects/ngx-scrollbar/src/lib/tests/common-test.ts
dispatchEvent
called by 44
projects/ngx-scrollbar/src/assets/scroll-timeline-polyfill.js
peek
called by 35
projects/ngx-scrollbar/src/assets/scroll-timeline-polyfill.js
scrollTo
called by 34
projects/ngx-scrollbar/src/lib/track/track.ts
consume
called by 32
projects/ngx-scrollbar/src/assets/scroll-timeline-polyfill.js
Je
called by 22
projects/ngx-scrollbar/src/assets/scroll-timeline-polyfill.js
destroy
called by 12
projects/ngx-scrollbar/mat/src/popup-scrollbar.ts

Shape

Class 231
Method 201
Function 138
Interface 20
Enum 2

Languages

TypeScript100%

Modules by API surface

projects/ngx-scrollbar/src/assets/scroll-timeline-polyfill.js236 symbols
projects/ngx-scrollbar/src/lib/viewport/viewport-adapter.ts17 symbols
projects/ngx-scrollbar/src/lib/track/track.ts16 symbols
projects/ngx-scrollbar-demo/src/app/lab/lab.component.ts16 symbols
projects/ngx-scrollbar/src/lib/scrollbar/scrollbar.ts13 symbols
projects/ngx-scrollbar/src/lib/track/track-adapter.ts12 symbols
projects/ngx-scrollbar/smooth-scroll/src/smooth-scroll-manager.ts10 symbols
projects/ngx-scrollbar/smooth-scroll/src/bezier-easing.ts10 symbols
projects/ngx-scrollbar/src/lib/ng-scrollbar-ext.ts9 symbols
projects/ngx-scrollbar-demo/src/app/example-infinite-scroll/example-infinite-scroll.component.ts9 symbols
projects/ngx-scrollbar/src/lib/utils/common.ts8 symbols
projects/ngx-scrollbar-demo/src/app/example-prime-ng-table/example-prime-ng.component.ts8 symbols

For agents

$ claude mcp add ngx-scrollbar \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact