Указать обьект для прокрутки

[AndrejsG]

Можно ли каким нибудь образом указать который элемент страницы должен прокручиваться.

Например: окно броузера, в окне есть прокрутка, т.к. там всякие элементы. И есть див, у которого тоже есть прокрутка. Есть возможность указать как нибудь, что при прокрутке колёсика мыши, должно прокручиваться не содержимое броузера, а содержимое дива? Вcя фишка в том, что на див не нужно кликать, он появился например при помощи скрипта, и на нем автоматический фокус.

[devote]

перехватывай событие.

function mufuncwheel( e ) {
   // тут обрабатывай событие прокрутки колеса мыши.

  e = e || window.event;

  if (e.stopPropagation) e.stopPropagation();
  else e.cancelBubble = true;
  if (e.preventDefault) e.preventDefault();
  else e.returnValue = false;
}

if ( document.addEventListener ) {
  document.addEventListener( 'DOMMouseScroll', mufuncwheel, false );
} else {
  document.attachEvent( 'onDOMMouseScroll', mufuncwheel );
}

[AndrejsG]

function mufuncwheel( e ) {
   // тут обрабатывай событие прокрутки колеса мыши.

  e = e || window.event;
  if (!e) {
    e = window.event;
  }
  if (e.stopPropagation) e.stopPropagation();
  else e.cancelBubble = true;
  if (e.preventDefault) e.preventDefault();
  else e.returnValue = false;
}

if ( document.addEventListener ) {
  document.addEventListener( 'DOMMouseScroll', mufuncwheel, false );
} else {
  document.attachEvent( 'onDOMMouseScroll', mufuncwheel );
}

А можете немного прокомментировать свой ответ

[devote]

// Функция для обработки колеса мыши на документе
function mufuncwheel( e ) {
   // тут обрабатывай событие прокрутки колеса мыши.

  // собственно само событие, для ИЕ берем из window
  e = e || window.event;

  // Предотвращаем дальнейшее всплытие события
  if (e.stopPropagation) e.stopPropagation();
  else e.cancelBubble = true;

  // Отменяем действие по умолчанию для события
  if (e.preventDefault) e.preventDefault();
  else e.returnValue = false;
}

// Вешаем событие на документ
if ( document.addEventListener ) {
  document.addEventListener( 'DOMMouseScroll', mufuncwheel, false );
} else {
  document.attachEvent( 'onDOMMouseScroll', mufuncwheel );
}

[dmitriymar]

а как же событие onmousewheel для ие?

[devote]

а как же событие onmousewheel для ие?

window.onmousewheel = mufuncwheel;

[AndrejsG]

))) Спасибо, правда нужно разобраться, не совсем доганяю как это мне поможет.

[devote]

ну дальше все проще после строки e = e || window.event;

вставляй напирмер код:

if ( e.wheelDelta ) {
  wheelDelta = e.wheelDelta / 120;
} else if ( e.detail ) {
  wheelDelta = -e.detail / 3;
}

if ( wheelDelta < 0 ) {
  // мышь крутанули вниз
  // тут можешь прибавлять значение scrollTop своего дива
} else if ( wheelDelta > 0 ) {
  // мышь крутанули вверх
  // тут можешь уменьшать значение scrollTop своего дива
}

[dmitriymar]

document.attachEvent( 'onDOMMouseScroll', mufuncwheel );

вот эта строчка для подключения события onmousewheel в ие ,но и9 поддерживает как addEventListener так и attachEvent. ...так что подключение в 9 не сработает через ветвление у тебя.первым поставь attachEvent вторым addEventListener

[devote]

dmitriymar,не рассказывай мне сказки... сам везде так делаю как я описал выше и пашет даже в ИЕ5.