An AngularJS directive that allows to use click events to scroll a panel. It allows to make compatible scroll events (like Mac touchpad scroll) with click and scroll of other systems.
<div drpx-click-scroll style="overflow: auto;">
A very long long text... or big image... or... anything that may not fit.
</div>
Add the bower component drpx-components
:
$ bower install --save drpx-components
Add the dependency to your index.html
:
<script src="bower_components/drpx-components/drpxClickScrollDirective.js"></script>
Add the dependency to you YourApp.js
:
angular.module('YourApp', [
// ...your other dependencies...
'drpx.clickscroll',
]);
Invoke it in your html templates using the directive as attribute. This element should be able to scroll:
<ANY drpx-click-scroll> content with overflow </ANY>