https://github.com/azz/knockout-scrollbar

perfect-scrollbar binding for knockout.js
https://github.com/azz/knockout-scrollbar

Last synced: 2 days ago
JSON representation

perfect-scrollbar binding for knockout.js

• Host: GitHub
• URL: https://github.com/azz/knockout-scrollbar
• Owner: azz
• License: mit
• Created: 2016-09-10T09:16:06.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2016-09-11T12:37:10.000Z (over 8 years ago)
• Last Synced: 2024-12-22T21:17:16.084Z (11 days ago)
• Language: JavaScript
• Homepage: https://derflatulator.github.io/knockout-scrollbar/demo/
• Size: 21.5 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# knockout-scrollbar

perfect-scrollbar binding for knockout.js

> knockout-scrollbar uses a custom Knockout binding for 

> perfect-scrollbar, and uses

> ResizeSensor.js

> to performantly determine whenever the dimensions of the scroll target change.

> This means there is no need to programmatically call an update function.

## demo

https://derflatulator.github.io/knockout-scrollbar/demo/

## install

```sh

npm i -S knockout-scrollbar

```

## import

If you're using a bundler, just `require('knockout-scrollbar')`.

Otherwise you can include `node_modules/knockout-scrollbar/dist/knockout-scrollbar.js` with a script tag,

which bundles in `perfect-scrollbar` and `ResizeSensor.js`. `ko` is assumed to be a global.

You'll need to separately include `perfect-scrollbar.css` though:

```html

```

## use

```html



  Some content...



```


Defaults for both `x` and `y` scrollbars is `true`.