javascript - 滚动功能在桌面上不起作用

Question

第一个在移动设备上的工作就像一个魅力，但在桌面上不起作用。为什么？

我的目标只是，删除滚动类。

$('#page').on({'touchmove': function(e) { 
        $('#menu-mega-menu ul.sub-menu.toggled-on').removeClass('toggled-on');
        $('#menu-mega-menu li.mega-menu.sfHover').removeClass('sfHover');
    }
});

    var position = $(window).scrollTop();
$(window).on('scroll', function() {
    var scroll = $(window).scrollTop(); 
    if (scroll > position) {
        $('#menu-mega-menu ul.sub-menu.toggled-on').removeClass('toggled-on');
    $('#menu-mega-menu li.mega-menu.sfHover').removeClass('sfHover');
    }
});

我试过了：

$('window').on({'scroll': function() { 
    if ($(window).scrollTop() >  1) {
        $('#menu-mega-menu ul.sub-menu.toggled-on').removeClass('toggled-on');
    $('#menu-mega-menu li.mega-menu.sfHover').removeClass('sfHover');
    }
}
});

没有运气

标签： javascriptjquery

Answer 1

而不是$('window')你需要写$(window)没有引号。例子：

var position = $(window).scrollTop();
$(window).on('scroll', function () {
    var scroll = $(window).scrollTop();
    if (scroll > position) {
        $('.test').removeClass('test');
    }
});