VPF::Как определить направление скроллинга ? scrollUp

legat

Дата 24.6.2013, 17:32 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 13
Регистрация: 15.4.2007
Где: RU, Севастополь

Репутация: нет
Всего: нет

Есть событие: window.onscroll

Есть ли что подобное отдельно для скролла вверх и вниз ?

Arantir

Дата 24.6.2013, 19:31 (ссылка)

(нет голосов)

Загрузка ...

Рыбак без удочки

Профиль
Группа: Участник
Сообщений: 960
Регистрация: 18.11.2012

Репутация: 5
Всего: 55

Сохраняйте значение в переменную и сравнивайте при ивенте теущее с предыдущим.

--------------------

interface Жопа {
// ATTENTION: has to be implemented by every class of the project for proper project work
}

Sanchezzz

Дата 27.6.2013, 00:48 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1670
Регистрация: 19.11.2006
Где: Voronezh

Репутация: 3
Всего: 60

jqyery 1.9

Код


$(documnet).on('mousewheel', mousewheel);
$(documnet).on('DOMMouseScroll', mousewheel); 
var mousewheel = function(event){
  event.preventDefault();
  event.stopPropagation();
  var delta = 0;
  if ( event.originalEvent.wheelDelta ) { // WebKit / Opera / IE-FU
    delta = event.originalEvent.wheelDelta / 40;
  } else if ( event.originalEvent.detail ) { // Firefox
    delta = - event.originalEvent.detail / 3;
  }
  console.log(delta);
}

Открываем консоль(F12) и смотрим какое значение отрицательное или положительное

Это если Jquery не используем.

Код


documnet.addEventListener( 'mousewheel', mousewheel , false );
documnet.addEventListener( 'DOMMouseScroll', mousewheel , false ); // firefox

Этот ответ добавлен с нового Винграда - http://vingrad.com

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »