Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.08.2013, 12:51
Новичок на форуме
Отправить личное сообщение для HonesT Посмотреть профиль Найти все сообщения от HonesT
 
Регистрация: 31.05.2013
Сообщений: 5

Управление скроллом "а-ля тач"
Добрый день! Подскажите пожалуйста, как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши (как на сенсорных устройствах, когда мы прикасаемся к экрану и тянем в низ/вверх/право или лево) страница перемещается.
Видел такое на одном сайте, давно... не могу вспомнить, даже, его адрес.
Спасибо.
Ответить с цитированием
  #2 (permalink)  
Старый 27.08.2013, 13:55
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,223

Сообщение от HonesT
как можно реализовать на сайте прокрутку страницы при зажатии кнопки мыши
Начинай читать...
http://javascript.ru/ui/draganddrop
Ответить с цитированием
  #3 (permalink)  
Старый 27.08.2013, 14:25
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

примерно так, но лучше не использовать вешание событий таким образом
<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>
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск