Jquery 切换 .css

Question

我有这个运行良好的 jquery 代码。

$(window).load(function() {

    $('.menuBtn').click(function(e) {
        e.preventDefault();
        (this.classList.contains('is-active') === true) ? this.classList.remove('is-active'): this.classList.add('is-active');
        $('nav').slideToggle();

        $('.headerBarm').toggleClass('fixed-position');
        $('nav').toggleClass('fixed-position');
        $('.headerBar').toggleClass('fixed-position');


        $('body').css({
            'height': '100%',
            'overflow': 'hidden'
        });

    });

});

最近我添加了最后一行。

$('body').css({
                'height': '100%',
                'overflow': 'hidden'
            });

当我点击按钮时，上面的 css 就会被添加。

我的问题是，当我再次单击它时，它不会变回来。这可以与切换类型一起使用吗？

Answer 1

为什么不继续你的类和toggleClass()连续性呢？

CSS:

body.full {
    height: 100%;
    overflow: hidden;
}

JS(替换最后一行):

$("body").toggleClass("full");