1

これは私を悩ませています。スクロール関数でjQueryを渡そうとしましたが、うまくいきません。私がやろうとしているのは、jQuery スティッキーが追加されたときに何かをすることです。JSFIDDLE へのリンクは許可されていません??.

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

    var $demo = $(this);

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

        alert('stuck')

    } else {

        alert('Free as a bird')

    }

});

クラスがスティッキーな場合はアニメーションなどを行い.header、クラスがない場合はデフォルトの状態に戻します。かなり単純ですが、ウェイポイントで書くのに苦労しています。

4

1 に答える 1

0

わかりました、質問する前にもっと試してみるべきでした。解決策を見つけました。通常、質問をすることで、より積極的に取り組み、より深く考えるようになります。ここに実用的なフィドルがあります。楽しみと学習の目的であなたの回答を見てうれしいです。他の開発者がこれにアプローチするのを見るのはクールでしょう。

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



$(window).scroll(function() { 

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

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

    } else {

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

    }

});

.waypoint最初から考えておくべきだったのですが、関数内でコードを実行できると思いました。

于 2013-09-01T17:49:35.670 に答える