Lightweight drag to scroll directive for Angular2
Scroll on drag!
Try out the demo!
You can get it on npm.
npm install angular2-drag-scroll --saveYou'll need to add DragScrollModule to your application module.
import { DragScrollModule } from 'angular2-drag-scroll';
...
@NgModule({
declarations: [
AppComponent
],
imports: [
DragScrollModule,
...
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
}Add the drag-scroll attribute to a scrollable element:
@Component({
selector: 'sample',
template:`
<div drag-scroll>
Big text goes here...
</div>
`
})
class Sample {}That's it! Now you can scroll it by dragging.
| Name | Type | Description | Default |
|---|---|---|---|
| scrollbar-hidden | @Input | Whether the scroll bar for this element is hidden. | false |
| drag-scroll-disabled | @Input | Whether all draging and scrolling events is disabled. | false |
| drag-scroll-x-disabled | @Input | Whether horizontally dragging and scrolling events is disabled. | false |
| drag-scroll-y-disabled | @Input | Whether vertically dragging and scrolling events is disabled. | false |