henry: onmousewheel

Beitrag lesen

hallo christian
vielen dank für den tipp. wie ich das genau mit "this" machen muss, blicke ich aber grad nicht.. .und wie löse ich das mit dem addEventListener?
ich denke auch, dass es eine elegantere lösung geben müsste als für jedes div eine eigene funktion zu schreiben...

so siehts im moment aus:

function scrollwheel(){
document.getElementById('content1').onmousewheel = wheel;
  document.getElementById('content2').onmousewheel = wheel;
  document.getElementById('content3').onmousewheel = wheel;

if (window.addEventListener) {
  document.getElementById(content1').addEventListener('DOMMouseScroll', wheel, false);
  document.getElementById('content2').addEventListener('DOMMouseScroll', wheel, false);
  document.getElementById('content3').addEventListener('DOMMouseScroll', wheel, false);
  }

}

var wheeldiv

function wheel(event){
 wheeldiv = 'content1';
  var delta = 0;
  if (!event) event = window.event;
  if (event.wheelDelta) {
   delta = event.wheelDelta/120;
   if (window.opera) delta = -delta;
  } else if (event.detail) {
   delta = -event.detail/3;
  }
  if (delta > 0)wheelup();
  if (delta < 0)wheeldown();
  return false;
}

function wheelup(){
  dw_scrollObj.slideDur = 0;
  dw_scrollObj.scrollBy(wheeldiv,0,30);
  return false;
}

function wheeldown(){
  dw_scrollObj.slideDur = 0;
  dw_scrollObj.scrollBy(wheeldiv,0,-30);
  return false;
}

window.onload = scrollwheel;