小编Bru*_*M93的帖子

在锚点之间滚动页面时,为div添加或删除类

我正在为我的网站开发一个条件,这样当我将页面滚动到一个锚点时,对应于该锚点的菜单项会添加或删除某个类.

我的问题是,我不能让第一个项目菜单删除类,当滚动到第二个锚点,我认为问题可能是在这种情况下,它可能不会像我想的那样工作,所以我需要你的帮助

为此,我使用jquery,这是我到目前为止所得到的:

jQuery(document).ready(function($) {

    var target1 = $("#thehotel").offset().top;
    var target2 = $("#thecity").offset().top;

    var interval = setInterval(function() {

         // i am not sure if this setInterval method is causing the problem, yet i didn't find any other solution

         if ($(window).scrollTop() >= target1 && $(window).scrollTop() < target2) {
              $("#menu .item-109 a").addClass("myClass");
              $("#menu .item-111 a").removeClass("myClass");

         }  
         else if ($(window).scrollTop() >= target2) {
             $("#menu.item-109 a").removeClass("myClass");
             $("#menu .item-111 a").addClass("myClass");
         }  



    }, 250);    
});
Run Code Online (Sandbox Code Playgroud)

如果你发现我的英语不好,我很抱歉,这不是我的母语.谢谢.

我发现了我的错误,这是一个错字!

这里:

           if ($(window).scrollTop() >= target1 && $(window).scrollTop() < target2) …
Run Code Online (Sandbox Code Playgroud)

anchor jquery scroll addclass removeclass

5
推荐指数
1
解决办法
3588
查看次数

标签 统计

addclass ×1

anchor ×1

jquery ×1

removeclass ×1

scroll ×1