Warum funktioniert .scrollLeft nicht in einer Timeout-Funktion?

Question

Ich habe dieses Stück Skript, in dem ich geschafft habe, dass das Mausrad-Ereignis die Seite horizontal statt vertikal verschieben. Aber ich wollte ihm auch etwas Schwung verleihen. Ich habe die "After" -Funktion erstellt, aber die .scrollLeft für Körper wird nicht ausgeführt.

var rate = 150; 

$(function() { 
    $("body").mousewheel(function (event, delta) { 
     function after() { 
      $("body").scrollLeft -= (delta * 1000); 
      console.log(delta); 
      event.preventDefault(); 
     }; 

     this.scrollLeft -= (delta * rate); 
     event.preventDefault(); 

     setTimeout(function() { 
      after(delta, event) 
     }, 3000); 
    }); 
}); 

So wie ich es sehe, nach 3 Sekunden soll der Körper mit (delta * 1000) Geschwindigkeit bewegen, aber es funktioniert nicht aus irgendeinem Grunde.

Answer 1

ich diese Hoffnung funktionieren würde (nicht sicher)

var rate = 150; 

$(function() { 
$("body").mousewheel(function (event, delta) { 
    function after(event, delta) { 
     $("body").scrollLeft -= (delta * 1000); 
     console.log(delta); 
     event.preventDefault(); 
    }; 

    this.scrollLeft -= (delta * rate); 
    event.preventDefault(); 

    setTimeout(function() { 
     after(event, delta) 
    }.bind(null,event, delta), 3000); 
}); 
});