Question

我有一个滚动div的错误，因为它为我添加了一个空间，我不知道如何消除它

<script type='text/javascript'>
$(window).scroll(function() {
    var nav = $(".menu");
    var top = 200;
    if ($(window).scrollTop() >= top) {

        nav.addClass("-fixo menunu");

    } else {
        nav.removeClass("-fixo menunu");
    }
});
</script>

问题是div从<div class="menu">更改为<div class="menu -fixo menunu">并且必须没有空格，例如<div class="menu-fixo menunu">。有什么建议吗？

Answer 1

addClass和removeClass将添加/删除单个类，而不是对类属性的字符串中的所有类进行操作。

试试这个

if ($(window).scrollTop() >= top) {
    nav.removeClass("menu");
    nav.addClass("menu-fixo menunu");
} else {
    nav.addClass("menu");
    nav.removeClass("menu-fixo menunu");
}

Answer 2

您无法仅使用addClass或removeClass添加/删除某个类的后缀。

首先，删除.menu并添加menu-fixo menunu。

删除var nav，因为它只会在.menu而不是.menu-fixo时获取菜单元素。

var top = 200;
if ($(window).scrollTop() >= top) {
  $(".menu").removeClass("menu").addClass("menu-fixo menunu");
} else {
  $(".menu-fixo").removeClass("menu-fixo menunu").addClass("menu")
}

滚动Div错误

2 个答案: