Проблема якорь и всплывающая форма, пересечение скриптов, как исправить?

Question

[Антон Вебсайтовский]

Здравствуйте.

Проблема на сайте, я поставил скрипт якорь на ссылки и ид к местру прокрутки при клике на кнопку.
И скрипт всплывающего окна.

Так вот, скрипты пересекаются и что-то одно не работает, как решить проблему?

Якорь

кнопка
<li><a href="#yslyg" title="">Услуги</a></li>

прокрутка к месту
<div id="#yslyg"> тут услуги </div>

скрипт прокрутки
<script>
        $(document).ready(function () {
          $("a[href*=#]").on("click", function (e) {
            var anchor = $(this);
            $('html, body').stop().animate({
              scrollTop: $(anchor.attr('href')).offset().top
            }, 777);
            e.preventDefault();
            return false;
          });
        });
      </script>

Всплывающее окно

кнопка
<a href="#win1" title="Оставить заявку" class="knop">Оставить заявку</a>

само окно
<a href="#x" class="overlay" id="win1"></a>
<div class="popup">
информация
<button type="button" name="submit" id="submit" class="zakazzvonka">Отправить</button>
<a class="close" title="Закрыть окно" href="#close"></a>
</div>

Answer 1

[Антон Вебсайтовский]

Вот рабочий пример: https://jsfiddle.net/kxagwyuz/

Comments

[Антон Вебсайтовский]

Решение:

первая правка
a href="#yslyg" title="" class="scroll">Услуги

вторая правка
$("a.scroll[href*=#]").on("click"

суть - добавить уникальный класс в якоря скроллинга и в скрипте отбор ссылок ограничить по этому классу.

[Антон Вебсайтовский]

Если что вот https://jsfiddle.net/5t9jzqL4/