我想使用throttle from underscore.js,但是我不知道如何在我的代码中实现它。

<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>


先感谢您!

最佳答案

您可以通过使用计时器获得相同的结果。没有必要为一个功能IMO包括整个库。

尝试这个:

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

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


这将确保滚动事件仅在滚动结束后才触发parralax函数,而不是为滚动页面的每个像素调用一次。

关于jquery - 如何从Underscore.js使用 throttle ,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14213175/

10-11 03:53