OnePage Navigation - активный индикатор при прокрутке с одним исключенным элементом?

Я хочу сделать эффект прокрутки, чтобы веб-сайт менял <a href="#" class="active"></a> на правую ссылку во время прокрутки. (Пример: http://callmenick.com/lab-demos/7-single-page-smooth-scroll/)

Однако я хочу исключить один элемент, который ссылается на другой сайт (на самом деле это раскрывающийся список с некоторыми внешними ссылками). В следующем jsfiddle появляется проблема. Пункт «Исключить» нужно просто пропустить и не упоминать в сценарии. Есть ли какое-нибудь простое решение для этого?

http://jsfiddle.net/Dxtyu/332/

Источник jsfiddle: Изменить активный класс навигации при прокрутке окна


navigation jquery css scrolltop
person Chris    schedule 14.03.2014    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Проверьте это обновленное jsFiddle.

Если вам не нужна эта внешняя ссылка, почему бы вам не удалить ссылку «Исключить», удалить этот HTML-код из существующего кода,

<li><a href="#exclude" class="exclude">Exclude</a>
</li>

Обновлен jsFiddle.

HTML

<div id="exclude"></div>

CSS

#exclude {
   background-color: yellow;
   height: 100%;
   width: 100%;
}
person Jay Patel    schedule 14.03.2014
comment
Спасибо за ваш быстрый ответ. Я хочу, чтобы ссылка Exclude оставалась в HTML. Его содержимого нет в OnePager, хотя оно должно оставаться в навигации. - person Chris; 14.03.2014
comment
вы хотите установить содержимое страницы на этой странице? - person Jay Patel; 14.03.2014
comment
Привет, пользователь 1153551, извините за недоразумение. Структура HTML и CSS просто прекрасна. Exclude-ссылка имеет некоторый контент на exclude.php, но не на index.php. Однако он должен оставаться в навигации. Так что я думаю, что с javascript что-то не так. Сценарий должен выделять «Главная», «Портфолио», «О нас» и «Контакты» при прокрутке. Таким образом, Exclude должен быть пропущен в сценарии, чтобы он не влиял на него, но я не знаю, как это сделать. - person Chris; 14.03.2014
comment
Исключить, не пропустить в скрипте, но ваш код не <div id="exclude"></div> отсутствует, поэтому он не работает, но теперь он отлично работает. надеюсь, вы дадите мне плюс и примете мой ответ. - person Jay Patel; 14.03.2014
comment
Я знаю, почему это не работает в банкомате, в любом случае это очень грязное решение с простым добавлением ‹div id=exclude›‹/div› к содержимому. Я искал лучший JS. В любом случае, я только что принял ваше решение. - person Chris; 14.03.2014