0

このコードでは、スティッキー サイドバーが使用されています。しかし、768px 以下の場合にのみ .fake-sidebar div に影響を与えたいと思っています。私のjavascriptにメディアクエリを追加する方法を誰か説明してもらえますか?

var sticky_offset;
$(document).ready(function() {
    var original_position_offset = $('.fake-sidebar').offset();
    sticky_offset = original_position_offset.top;
    $('.fake-sidebar').css('position', 'fixed');
});

$(window).scroll(function () {
    var sticky_height = $('.fake-sidebar').outerHeight();
    var where_scroll = $(window).scrollTop();
    var window_height = $(window).height();     

    if((where_scroll + window_height) > sticky_offset) {
        $('.fake-sidebar').css('position', 'relative');
    }

    if((where_scroll + window_height) < (sticky_offset + sticky_height))  {
        $('.fake-sidebar').css('position', 'fixed');
    }
});

どんな助けでも大歓迎です。前もって感謝します!

4

1 に答える 1