An AngularJS directive to automatically marquee the content of an element when it overflows.
- Angular 1.x
- jQuery 3.x
- speed: the speed at which the marquee scrolls in pixels/second
<html>
<head>
<!-- include jQuery, AngularJS, and the marquee-overflow files here -->
<script>
var app = angular.module('app', ['marquee-overflow']);
</script>
<style>
overflow-marquee {
white-space: nowrap;
width:200px;
}
</style>
</head>
<body>
<input type="text" ng-model="text" />
<overflow-marquee speed="60">{{text}}</overflow-marquee>
</body>
</html>