jQuery Sidescroll，为ScrollLeft设置动画

Question

What is wrong with this?

   $("body").mousewheel(function(event, delta) {
   if(delta>0){
        this.animate({scrollLeft: '+=300'},800,'easeOutQuad');
   }else if(delta<0){
        this.animate({scrollLeft: '-=300'},800,'easeOutQuad');
   }

my body width is 8000px width the mouse wheel function i trigger the function if scroll down and up on mouse wheel. I want to scroll with the mouse wheel down and the body scroll $(window).width() to the right site and back...

Answer 1

You need to wrap this inside event handler into jQuery function:

$(this).animate({scrollLeft: '+=300'}, 800, 'easeOutQuad');

because this is a HTMLBodyElement, it's not a jQuery instance, hence you can't use jQuery methods on it.