Question

我是一个JS菜鸟，我正在尝试将position: fixed;应用到我的标题中，但仅限于我的移动菜单已关闭（因此应用了“关闭”类）。

这是我到目前为止所得到的，但它不起作用。有什么想法吗？提前谢谢！

$(document).ready(function() {
  if ($(".mobile_nav").hasClass("closed")) {
    $("#main-header").css({
      'position':'fixed',
      'top': '0',
      'right': '0'
    });
  }
});

Answer 1

我会使用CSS类...

.main-header-when-mobilemenu-expanded{
  position:fixed;
  top: 0;
  right: 0;
}

和jQuery将是：

$(document).ready(function() {
  if ($(".mobile_nav").hasClass("closed")) {
    $("#main-header").addClass("main-header-when-mobilemenu-expanded");
  }

  $(".mobile_menu_bar_toggle").on("click",function(){
    $("#main-header").toggleClass("main-header-when-mobilemenu-expanded");
  });

});

您可以使用较短的班级名称;）
这只是在这里清楚。

如果另一个元素有一个类，则更改元素的定位

1 个答案: