An amazingly simple scroll replacement for Angular!
bower install nz-scrollbar
nzScrollbar.js
nzScrollbar.css
nzScrollbar
as a dependency (i.e. in app.js
)nzScrollbar
on any element to make it's contents scrollable!Like so:
<div nz-scrollbar>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore...
</div>
To use css top:offset instead of transform:translate():
<div nz-scrollbar use-css-translate="false">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore...
</div>
Happy Scrolling!