Javascript-форум (https://javascript.ru/forum/)
-   Angular.js (https://javascript.ru/forum/angular/)
-   -   Прокрутка картинки без скролла (https://javascript.ru/forum/angular/47486-prokrutka-kartinki-bez-skrolla.html)

Johnlion 26.05.2014 13:17

Прокрутка картинки без скролла
 
К примеру, картинка по ширине больше ширины экрана. Картинка должна центрироваться, а прокручивать ее горизонтально нужно зажатием на ней мышки и двигая ее влево-вправо. Как такое сделать?

Octane 26.05.2014 13:33

1. по событию mousedown запоминаешь координаты мыши (event.pageX)
2. по событию mousemove вычисляешь разницу, насколько переместили курсор и на столько же сдвигаешь изображение (как сдвигать, зависит от верстки, скорее всего изменять style.left)
3. по событию mouseup прекращаешь действия

Johnlion 27.05.2014 13:50

Octane,
спасибо, но я хотел узнать как на ангуларе это сделать

Tek 27.05.2014 14:37

Пишите директиву, все взаимодействие с dom абсолютно такое же что и в jquery (множите его и использовать).


Часовой пояс GMT +3, время: 12:39.