Javascript 当滚动功能激活时如何删除类

Javascript 当滚动功能激活时如何删除类,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试使用javascript制作一个向上滚动时具有粘性且向下滚动时不显示的标题,为此我添加了一个类通过CSS。它工作得非常好,但是当我在header中打开完整的页面菜单并试图关闭[当header位于顶部时没有问题,但我们可以在从顶部滚动一点后看到问题]时,类“header up”仍然存在。因此,标题在视口区域后面向上移动。我试图删除.header-up类,使用此代码s.removeClass(“header-up”)使标题粘贴在同一位置。这是 下面是我用于滚动和切换整个页面菜单的javas

我正在尝试使用javascript制作一个向上滚动时具有粘性且向下滚动时不显示的标题,为此我添加了一个类
通过CSS。它工作得非常好,但是当我在header中打开完整的页面菜单并试图关闭[当header位于顶部时没有问题,但我们可以在从顶部滚动一点后看到问题]时,类“header up”仍然存在。因此,标题在视口区域后面向上移动。我试图删除
.header-up
类,使用此代码
s.removeClass(“header-up”)
使标题粘贴在同一位置。这是

下面是我用于滚动和切换整个页面菜单的javascript

$( document ).ready(function() {
    var scroll_pos = 0;
        var scroll_time;

    $(window).scroll(function() {
      clearTimeout(scroll_time);
      var current_scroll = $(window).scrollTop();

      if (current_scroll >= $("#header").outerHeight()) {
        if (current_scroll <= scroll_pos) {
          $("#header").removeClass("header-up");
        } else {
          $("#header").addClass("header-up");
        }
      }

      scroll_time = setTimeout(function() {
        scroll_pos = $(window).scrollTop();
      }, 100);
    });
});



    $("#navbar-toggle").on("click", function(t) {
      var e = $(this).data("scroll-y"),
        i = $(window).scrollTop(),
        n = $("#navbar-toggle"),
        o = $("#overlay-nav"),
        s = $("#header"),
        r = $("body");
      o.hasClass("toggle")
        ? (r.css("top", "0px").removeClass("noscroll"),
          window.scrollTo(0, e),
          o.removeClass("toggle"),
          n.removeClass("open"),
          s.removeClass("overlay-nav-toggled"),
          s.removeClass("pos-fixed"),
          s.removeClass("header-up"),
          setTimeout(function() {
            s.removeClass("suppress-scroll");
          }, 700))
        : ($(this).data("scroll-y", i),
          o.addClass("toggle"),
          n.addClass("open"),
          s.addClass("overlay-nav-toggled suppress-scroll"),
          r.css("top", -i + "px").addClass("noscroll"));
    });
$(文档).ready(函数(){
var scroll_pos=0;
var-u时间;
$(窗口)。滚动(函数(){
clearTimeout(滚动时间);
var current_scroll=$(窗口).scrollTop();
如果(当前滚动>=$(“#标题”).outerHeight()){

如果(当前滚动我不完全理解你的问题,但这就是你想要的吗

var lastScrollTop=0;
var headerElement=$('header');
$(窗口)。滚动(功能(事件){
var st=$(this.scrollTop();
如果(st>lastScrollTop){
//向下滚动
headerElement.addClass('header-hidden');
}否则{
//向上滚动
headerElement.removeClass('header-hidden');
}
lastScrollTop=st;
});
正文{
背景:#f5;
位置:相对位置;
}
标题{
背景:白色;
高度:50px;
位置:固定;
排名:0;
左:0;
右:0;
填充:15px;
过渡:500ms的边缘顶部放松;
}
header.header-hidden{
利润率最高:-100%;
}

标题

累积、全方位、全方位、全方位、全方位、全方位、全方位、全方位、全方位、全方位、全方位、全方位、全方位、全方位、全方位、全方位、全方位、全方位、全方位、全方位这是我的责任,驱避剂别名!这是我的责任,是我的责任,是我的责任,是我的责任,是我的责任,是我的责任,是我的责任,是我的责任,是我的责任!这是我的责任,是我的责任,是我的责任,是我的责任,是我的责任,是我的责任这是一个好例子,它是一个好例子。它是一个好例子。它是一个好例子。它是一个好例子在自然与责任并存的情况下,这是一个别称!在自然与责任并存的情况下,这是一个必要的条件,这是一个必要的条件在自然和负重的环境中,驱虫剂的别名!必须使用大容量容器、全方位的自动控制系统、可选择的自动控制系统,并更新此版本。

if (current_scroll <= scroll_pos) { 

if(当前滚动您好,请在问题中包含您的代码。@AnisR。刚刚更新了代码!谢谢您的回答。我正在尝试在关闭整页菜单时粘贴页眉。现在单击整页菜单中的“关闭”按钮时页眉将消失。请查看JSFIDLE。这正是我正在寻找的谢谢!
if (current_scroll <= scroll_pos || $('#header').hasClass('suppress-scroll')) {