Smoothly Scrolling jQuery Slider Plugin with MouseWheel

Question

Hi folks,

I work with a lot of graphic designers and they are obsessed with designing scrollbars. I like jQuery's Slider plug-in pretty well. http://docs.jquery.com/UI/Slider

However the code I have been using for mousewheel interaction is erratic and jumpy:

$("#scroller").bind("mousewheel", function(event, delta) {
  var speed = 30;
  var mySlider = $("#slider");
  var sliderVal = mySlider.slider("option", "value");

  sliderVal += (delta*speed);

  if (sliderVal > mySlider.slider("option", "max")) sliderVal = mySlider.slider("option", "max");
  else if (sliderVal < mySlider.slider("option", "min")) sliderVal = mySlider.slider("option", "min");

  $("#slider").slider("value", sliderVal);

  event.preventDefault();
});

Has anyone worked out a smooth reliable way to do this?

Here is an example of the problem: http://nolaflash.com/voodoo/catering.php

Any advice including better plugins appreciated!

JG