Ограничьте тег ссылки функцией fadeIN, чтобы получить эффект smoothscroll

У меня есть одностраничный веб-сайт с эффектом плавной прокрутки, когда нажимается тег a (навигация), одна из этих навигационных записей также вызывает скрытый div(вход.коробка) с функцией fadeIN, моя проблема в том, что всякий раз, когда эта запись с функцией fadeIN показывает, страница также немного сползает вниз. Как я должен ограничить это меню с функцией fadein от прокрутки также? У меня есть коды, которые я использовал для smoothscroll и fadein на моем jsfiddle bellow.

Гладкая Прокрутка Код

FadeIN Эффект Код

1 2
jquery smooth-scrolling fadein

1 ответ:

Следующая часть кода плавной прокрутки выбирает элементы, для которых будет применяться эффект: 

$('a[href*=#]')

Вам нужно ограничить это, чтобы исключить якорь, который открывает всплывающее окно. Подход к этому зависит от того, как вы определяете элемент для исключения: 

$('a[href*="#"]:not(a[href="#info"])')

Или 

$('a[href*="#"]:not(.info-popup)')

Можно также утверждать, что было бы аккуратнее, если бы критерии были наоборот, так что элементы, которые должны быть нацелены на плавную прокрутку, должны быть активно выбраны, вместо того, чтобы отфильтровать:

$('a.page-nav')
1