这让我烦恼,我尝试在滚动函数中传递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等的东西,然后当它没有让类恢复到默认状态时。非常简单,但我很难用航点编写它。
答案 0 :(得分:0)
好的,在问之前我应该尝试更多的尝试,我找到了解决方案。提出问题通常会让我更加投入,让我更多地思考。这是一个有效的fiddle。我很高兴看到你的答案有趣和学习目的,看到其他开发人员接近这个,最好的答案(如果答案仍然允许,因为我回答了我的话)会很酷!
$('.header').waypoint('sticky');
$(window).scroll(function() {
if ($('.header').hasClass('stuck')) {
$('.header').css({background: '#eee'});
} else {
$('.header').css({background: '#333'});
}
});
我应该从一开始就想到这一点,但我想我可以在.waypoint
函数中运行代码。