向Javascript添加媒体查询

我有一个粘性的边栏，上面写着这段代码。但我只希望它在768px或更低时影响.false边栏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');
    }
});

var\u偏移量；
$（文档）.ready（函数（）{
var original_position_offset=$（'.fake边栏'）.offset（）；
粘滞偏移=原始位置偏移.top；
$（'.false边栏'）.css（'position'，'fixed'）；
});
$（窗口）。滚动（函数（）{
var sticky_height=$（'.fake边栏'）.outerHeight（）；
var，其中_scroll=$（window.scrollTop（）；
var window_height=$（window.height（）；
如果（（其中滚动+窗口高度）>粘滞偏移）{
$（'.fake sidebar'）.css（'position'，'relative'）；
}
如果（（其中滚动+窗口高度）<（粘滞偏移+粘滞高度））{
$（'.false边栏'）.css（'position'，'fixed'）；
}
});

---

感谢您的帮助。提前谢谢

您可以在

窗口大小调整

或

文档准备

上添加事件，具体取决于您需要的内容：

$(window).resize(function() {
        var width = $(window).width();
        if (width < 768) {
            $('.fake-sidebar').css('position', 'relative');
        }
        else {
            $('.fake-sidebar').css('position', 'fixed');
        }
    });

$（窗口）。调整大小（函数（）{
变量宽度=$（窗口）.width（）；
如果（宽度<768）{
$（'.fake sidebar'）.css（'position'，'relative'）；
}
否则{
$（'.false边栏'）.css（'position'，'fixed'）；
}
});

就个人而言，我认为利用是最好的途径。。。Modernizer让您可以轻松地完全按照自己的要求进行操作。您是否查看了

窗口。matchMedia

？