jquery - 在航点的粘性内添加功能？

Question

这让我很烦，我尝试在滚动函数中传递 jQuery，但这不起作用。我想做的是在添加 jQuery 粘性时做一些事情。不允许链接到 JSFIDDLE??。

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

    var $demo = $(this);

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

        alert('stuck')

    } else {

        alert('Free as a bird')

    }

});

我只想在.header有类粘性时做类似动画等的事情，然后当它没有类时恢复到默认状态。很简单，但我很难用航点来写它。

Answer 1

好的，我应该在询问之前进行更多尝试，我找到了解决方案。问一个问题通常会让我更投入，让我思考更多。这是一个工作小提琴。出于娱乐和学习目的，我很高兴看到您的答案，很高兴看到其他开发人员对此进行处理，最佳答案（如果答案仍然允许，因为我回答了我的答案）获得代表！

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



$(window).scroll(function() { 

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

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

    } else {

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

    }

});

我应该从一开始就考虑到这一点，但我认为我可以在.waypoint函数内运行代码。