JarCasting
JarCasting JarCasting

angular-drag-scroll

WebJar for angular-drag-scroll

Лицензия

Лицензия

MIT
Категории

Категории

Angular Взаимодействие с пользователем Веб-фреймворки
Группа

Группа

org.webjars.npm
Идентификатор

Идентификатор

angular-drag-scroll
Последняя версия

Последняя версия

0.2.2
Дата

Дата
Тип

Тип

jar
Описание

Описание

angular-drag-scroll
WebJar for angular-drag-scroll
Ссылка на сайт

Ссылка на сайт

http://webjars.org
Система контроля версий

Система контроля версий

https://github.com/jellekralt/angular-drag-scroll

Скачать angular-drag-scroll

Имя Файла Размер
angular-drag-scroll-0.2.2.pom
angular-drag-scroll-0.2.2.jar 14 KB
angular-drag-scroll-0.2.2-sources.jar 22 bytes
angular-drag-scroll-0.2.2-javadoc.jar 22 bytes
Обзор

Как подключить последнюю версию

<!-- https://jarcasting.com/artifacts/org.webjars.npm/angular-drag-scroll/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>angular-drag-scroll</artifactId>
    <version>0.2.2</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/angular-drag-scroll/
implementation 'org.webjars.npm:angular-drag-scroll:0.2.2'
// https://jarcasting.com/artifacts/org.webjars.npm/angular-drag-scroll/
implementation ("org.webjars.npm:angular-drag-scroll:0.2.2")
'org.webjars.npm:angular-drag-scroll:jar:0.2.2'
<dependency org="org.webjars.npm" name="angular-drag-scroll" rev="0.2.2">
  <artifact name="angular-drag-scroll" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='angular-drag-scroll', version='0.2.2')
)
libraryDependencies += "org.webjars.npm" % "angular-drag-scroll" % "0.2.2"
[org.webjars.npm/angular-drag-scroll "0.2.2"]

Зависимости

compile (1)

Идентификатор библиотеки Тип Версия
org.webjars.npm : angular jar [1.3.20,2)

Модули Проекта

Данный проект не имеет модулей.

Angular Drag to Scroll Build Status bitHound Dependencies License MIT

Lightweight drag to scroll directive for AngularJS

Scroll

Try it yourself at: http://jellekralt.github.io/angular-drag-scroll/

Installation

  • npm: npm install angular-drag-scroll --save
  • Bower: bower install angular-drag-scroll --save
  • Download: you can just download the files from Github

Run

  • Run demo: npm start

Test

  • Unit tests: npm test
  • E2E tests: npm test-e2e

Usage

  • Include ng-drag-scroll.js in your HTML template:
<script src="angular.js"></script>
<script src="ng-drag-scroll.js"></script>
  • Add a dependency to the ng-drag-scroll module in your application.
angular.module('MyApp', ['ng-drag-scroll']);
  • Add an attribute to an element with a scrollbar to make the content scrollable. You can use the drag-scroll attribute value to switch the scrolling on/off. The value can be a variable or an expression.
<div drag-scroll="true">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a diam lectus. Sed sit amet ipsum mauris. Maecenas congue ligula ac quam viverra nec consectetur ante hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut libero sed arcu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor. Pellentesque auctor nisi id magna consequat sagittis. Curabitur dapibus enim sit amet elit pharetra tincidunt feugiat nisl imperdiet. Ut convallis libero in urna ultrices accumsan. Donec sed odio eros. Donec viverra mi quis quam pulvinar at malesuada arcu rhoncus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In rutrum accumsan ultricies. Mauris vitae nisi at sem facilisis semper ac in est.</p>
</div>

Configure

The following attributes can be used to configure the directive:

Axis

Use the axis attribute to lock the dragging to a specific axis. By default, both axes are enabled

<!-- Locks the dragging to the X axis -->
<div drag-scroll axis="x">
<!-- Locks the dragging to the Y axis -->
<div drag-scroll axis="y">

Events

Use the onDragStart and onDragEnd events to call functions whenever the dragging starts or stops

<!-- Calls a function on start and stop -->
<div drag-scroll onDragStart="handleDragStart()" onDragEnd="handleDragEnd()">

Credits / Inspiration

License

MIT: http://jellekralt.mit-license.org/

Версии библиотеки

Версия
0.2.2