Исправлена ​​боковая навигация с обратным списком навигации, нужно изменить состояние активного / текущего jquery - PullRequest
0 голосов
/ 04 мая 2018

У меня есть фиксированная навигация в списке, как показано ниже, но она перешла в боковое меню в CSS.

            <ul class="desktop-nav">
                <li>
                    <a href="#section4" class="scroll">Section 4</a>
                </li>
                <li>
                    <a href="#section3" class="scroll">Section 3</a>
                </li>
                <li>
                    <a href="#section2" class="scroll">Section 2</a>
                </li>
                <li class="current">
                    <a href="#section1" class="scroll">Section 1</a>
                </li>
            </ul>

Мне в основном нужен мой jQuery, чтобы перевернуть класс .current снизу списка вверх (удалив его из предыдущего li) при прокрутке, а не сверху вниз, каким он является в настоящее время:

            $(window).scroll(function() {
                var windowTop = $(window).scrollTop() + $('.desktop-nav').outerHeight(true);
                $('.desktop-nav li').not('.lastNav').each(function() {
                    var href = $('a', this).attr('href');
                    if(href == '#header-hold') href = 'body';
                    var elementTop = $(href).offset().top - 0;
                    if(windowTop >= (elementTop)){
                        $('.desktop-nav li').removeClass('current');
                        $('a[href^="'+href+'"]').parent().addClass('current');          
                        if(href == 'body') { $('.desktop-nav li:eq(0)').addClass('current'); }  
                    }
                });
            });

Любая помощь будет оценена!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...