2

ユーザーがスクロールを開始したときに、スティッキー ヘッダーの css を変更するために使用するコードがあります。

私はそれをそのままにしておきたいのですが、ユーザーがページの下部にも到達したときに、スティッキー ヘッダーを元の css クラス (#header_container) に戻そうとしています。

$(window).on("scroll touchmove", function () {
    $('#header_container').toggleClass('tiny', $(document).scrollTop() > 0); 
});

申し訳ありませんが、私はこれが得意ではありません。

あなたが助けてくれることを願っています! ありがとうございました！

4

1 に答える 1

1

試す：

$(window).on("scroll touchmove",function() {
   if($(window).scrollTop() + $(window).height() == $(document).height() || $(window).scrollTop() == 0 ) {
       $('#header_container').removeClass('tiny');
   } else {
$('#header_container').addClass('tiny');   
}
});

jsfiddle: http://jsfiddle.net/jsz8wumm/1/

于 2015-11-29T17:46:46.220 に答える