0

Дали задание сделать на чистом JS (в основном плагинами jQuery пользовался).

Есть несколько section. Подскажите, как сделать перетаскивание мышкой по примеру (http://www.badassembly.com/ вверх-вниз).

<container>
    <section id="f1" name="About us">контент</section>
    <section id="f2" name="About us">контент</section>
    <section id="f3" name="About us">контент</section>
</container>

Понятно, что нужно сначала определить клик мыши:

addEventListener("mousedown", function(event) {
 event.preventDefault();
});

А вот как сделать перетаскивание мышкой и именно менять высоту контейнера - непонятно.

container.style.top = -500;

Нужно именно отследить при крике, не отпуская вертикальное положение мыши, что курсор сдвинулся вниз, например, на 10px, или вниз, или вверх.

3
  • Посмотри, как вот это устроенно: alvarotrigo.com/blog/…
    – deterok
    9 мар 2015 в 8:04
  • Посмотрел пример, там нет перетаскивания слайдеров мышкой (в настройках тоже нет).
    – tron
    9 мар 2015 в 8:47
  • Ну да, я с телефона поглядел, скроллинг рукой работал, думал, там и под мышь есть кодина. Когда-то использовал просто ее для одного проекта, остался очень доволен.
    – deterok
    9 мар 2015 в 8:50

1 ответ 1

1

Можно подключить это: http://www.idangero.us/swiper/demos/

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.