javascript - Jquery，当屏幕宽度为 1050px 时删除类

Question

这是我正在使用的 JS 代码:

$("document").ready(function($){
var nav = $('#menu2');

$(window).scroll(function () {
    if ($(this).scrollTop() > 90) {
        nav.addClass("f-nav");
    } else {
        nav.removeClass("f-nav");
    }
});

但我似乎无法将其添加到我的代码中。

function checkWidth(init){
/*If browser resized, check width again */
if ($(window).width() < 514) {
    $('html').addClass('mobile');
}
else {
    if (!init) {
        $('html').removeClass('mobile');
    }}}$(document).ready(function() {
checkWidth(true);

$(window).resize(function() {
    checkWidth(false);
});

我想要的是当.f-nav添加到 #menu2 , 当屏幕为 <1050该类应该被删除。

Answer 1

要将 html 更改为 #menu2，只需将一个替换为另一个即可。 jQuery 在这方面非常简单

if ($(window).width() < 514) {
    $('#menu2').addClass('f-nav');
} else {
    $('#menu2').removeClass('f-nav');
}

JSFiddle