时间戳

首页 > 解决方案 > 是否可以修改此脚本以向现有类添加样式？

javascript - 是否可以修改此脚本以向现有类添加样式？

问题描述

我在 jQuery 方面仍然非常缺乏经验，但试图解决这个问题。我有一个汉堡菜单，单击时会打开和关闭。但是，我在汉堡菜单中添加了 CSS，以便在打开时扩展为 100vh。这很好，但是，背景中的内容仍然在菜单后面滚动。我发现 CSS 通过溢出将正文锁定到位：隐藏样式到“HTML，正文”类，让我在没有背景滚动的情况下打开和关闭菜单，但是随着 CSS 样式不断到位，我根本无法滚动即使菜单关闭。

这让我想到了我的问题。我相信我找到了打开和关闭汉堡菜单的脚本之一。是否可以修改并添加到此脚本，以便仅在打开菜单时将上述样式添加到“HTML，body”类？

我通过 W3 Schools 来更好地理解语法，但这个脚本与我在教程中看到的有点不同。

这是脚本：

function() {
  return e(".mobile_nav.opened .mobile_menu_bar").not(e(this)).trigger("click"), s.hasClass("closed") ? (s.removeClass("closed").addClass("opened"), n.stop().slideDown(500)) : (s.removeClass("opened").addClass("closed"), n.stop().slideUp(500)), !1
}

这是一个可能的解决方案还是我有更好的选择来防止背景滚动？我会分享链接，但我必须让它隐藏一个正在建设的页面。

这是我最后看到的屏幕截图。

有问题的汉堡菜单

标签： javascriptjqueryhtmlcss

解决方案

推荐阅读