Comment utiliser l'accélérateur de underscore.js ?

Question

Je veux utiliser throttle de underscore.js mais je ne sais pas comment l'implémenter dans mon code.

<script type="text/javascript"> 
    $(document).ready(function() {
        /* Scroll event handler */
        $(window).bind('scroll',function(e){
            parallaxScroll();
        });
    }); 

    /* Scroll the background layers */
    function parallaxScroll(){
        var scrolled = $(window).scrollTop();
        $('header').css('top',(0+(scrolled*1))+'px');
        $('#balken0').css('top',(-600+(scrolled*1))+'px');
        $('#balken1').css('top',(-1465+(scrolled*1))+'px');
        $('#balken2').css('top',(-2320+(scrolled*1))+'px');
    }
</script>

Merci d'avance !

Answer 1

Vous pouvez obtenir le même résultat en utilisant un minuteur. Il n'y a pas de raison d'inclure une bibliothèque entière pour une seule fonction IMO.

Essayez ça :

$(document).ready(function() {
    var timer;

    /* Scroll event handler */
    $(window).bind('scroll', function(e) {
        clearTimeout(timer);
        timer = setTimeout(parallaxScroll, 100);
    });
}); 

Ainsi, l'événement de défilement ne déclenchera votre fonction parralax qu'une fois le défilement terminé, au lieu de l'appeler une fois pour chaque pixel de défilement de la page.