在航点中添加一个功能粘性?

时间:2013-09-01 17:29:50

标签: jquery

这让我烦恼,我尝试在滚动函数中传递jQuery,但这不起作用。我想要做的是添加jQuery sticky时做的事情。不允许与JSFIDDLE的链接??。

$('.header').waypoint('sticky', function () {

    var $demo = $(this);

    if ($demo.hasClass('stuck')) {

        alert('stuck')

    } else {

        alert('Free as a bird')

    }

});

.header有类粘性时,我只想做类似animate等的东西,然后当它没有让类恢复到默认状态时。非常简单,但我很难用航点编写它。

1 个答案:

答案 0 :(得分:0)

好的,在问之前我应该​​尝试更多的尝试,我找到了解决方案。提出问题通常会让我更加投入,让我更多地思考。这是一个有效的fiddle。我很高兴看到你的答案有趣和学习目的,看到其他开发人员接近这个,最好的答案(如果答案仍然允许,因为我回答了我的话)会很酷!

$('.header').waypoint('sticky');



$(window).scroll(function() { 

    if ($('.header').hasClass('stuck')) {

        $('.header').css({background: '#eee'});

    } else {

        $('.header').css({background: '#333'});

    }

});

我应该从一开始就想到这一点,但我想我可以在.waypoint函数中运行代码。