Показать сообщение отдельно
  #2 (permalink)  
Старый 20.05.2014, 18:44
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

// мини библа для удобства
(function(WheelControl) {
  WheelControl.prototype = {
    constructor: WheelControl,
    _freezed: true,
    _onwheel: function(fn) {
      var self = this;
      return this._onwheel.fn = function(e) {
        e = e || window.event;
        if (!e.preventDefault) {
          e.preventDefault = function() {
            e.returnValue = false;
          }
        }
        fn.call(self, (-e.detail / 3) || (e.wheelDelta / 120), e);
      }
    },
    bind: function(fn) {
      this._onwheel.fn = this._onwheel(fn);
      this.unfreeze();
      return this;
    },
    unbind: function() {
      this.freeze();
      this._onwheel.fn = null;
      return this;
    },
    freeze: function() {
      this._freezed = true;
      this.elem[this._params.removeName](this._params.wheelType, this._onwheel.fn, false);
      return this;
    },
    unfreeze: function() {
      if (this._onwheel.fn && this._freezed) {
        this.elem[this._params.addName](this._params.wheelType, this._onwheel.fn, false);
        this._freezed = false;
      }
      return this;
    }
  };
})(window.WheelControl = function WheelControl(elem) {
  if (!(this instanceof WheelControl)) {
    return new WheelControl(elem);
  }
  if (!(this.elem = elem)) {
    throw Error('The parameter must be an HTML element');
  }

  this._params = {
    addName: elem.addEventListener ? 'addEventListener' : 'attachEvent',
    removeName: elem.removeEventListener ? 'removeEventListener' : 'detachEvent',
    wheelType: elem.addEventListener ? ('onwheel' in document ? 'wheel' :
      'onmousewheel' in document ? 'mousewheel' : 'MozMousePixelScroll') : 'onmousewheel'
  };
});

// =====================================================
// работа с минибиблой
// =====================================================
WheelControl(document).bind(function(delta, event) {
  // заморозим получение события колеса мыши
  this.freeze();

  // ... что-то тут делаем, анимируем, и прочие действия
  if (delta > 0) {
    // колесо крутят вверх, на начало страницы
  } else if (delta < 0) {
    // колесо крутят вниз, в конец страницы
  }

  // отменяем действие по умолчанию
  event.preventDefault();

  // теперь можем снова получать событие
  this.unfreeze();
});
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine

Последний раз редактировалось devote, 20.05.2014 в 19:19.
Ответить с цитированием