angular-drag-scroll
Version:
Lightweight drag to scroll directive for AngularJS
32 lines (28 loc) • 1.18 kB
HTML
<html lang="nl" ng-app="ng-drag-scroll">
<head>
<title>ng-drag-scroll</title>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<base href="/">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" media="screen" href="demo.css" />
</head>
<body>
<div class="flex-container">
<div drag-scroll="enabled" class="row">
<div class="block block--blue"></div>
<div class="block block--yellow"></div>
<div class="block block--red"></div>
<div class="block block--green"></div>
<div class="block block--orange"></div>
<div class="block block--pink"></div>
<div class="block block--purple"></div>
<div class="block block--black" id="lastBlock"></div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script>
<script src="src/ng-drag-scroll.js"></script>
</body>
</html>