Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Управление скроллом "а-ля тач" (https://javascript.ru/forum/dom-window/40989-upravlenie-skrollom-lya-tach.html)

HonesT 27.08.2013 12:51

Управление скроллом "а-ля тач"
 
Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
Спасибо.

ksa 27.08.2013 13:55

Цитата:

Сообщение от HonesT
как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши

Начинай читать...
http://javascript.ru/ui/draganddrop

devote 27.08.2013 14:25

примерно так, но лучше не использовать вешание событий таким образом
<div style="white-space: nowrap;"><p>Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
 Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
 Спасибо.</p><p>Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
 Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
 Спасибо.</p><p>Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
 Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
 Спасибо.</p><p>Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
 Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
 Спасибо.</p><p>Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
 Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
 Спасибо.</p><p>Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
 Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
 Спасибо.</p><p>Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
 Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
 Спасибо.</p><p>Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
 Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
 Спасибо.</p><p>Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
 Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
 Спасибо.</p><p>Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
 Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
 Спасибо.</p><p>Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
 Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
 Спасибо.</p><p>Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
 Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
 Спасибо.</p><p>Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
 Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
 Спасибо.</p><p>Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
 Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
 Спасибо.</p></div>
<script>
document.onmousedown = function(e) {
    var scrollTop = document.body.scrollTop;
    var scrollLeft = document.body.scrollLeft;
    var mouseX = e.clientX;
    var mouseY = e.clientY;
    document.onmousemove = function(e) {
        window.scrollTo(scrollLeft - (e.clientX - mouseX), scrollTop - (e.clientY - mouseY));
    }
    document.body.style.cursor = 'move';
    return false;
}
document.onmouseup = function(e) {
    document.onmousemove = null;
    document.body.style.cursor = '';
}
</script>


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