Решить проблему с конфликтом 2 скриптов, попуп и якорь

Цена договорная • безналичный расчёт, электронные деньги
02 мая 2019, 13:29 • 6 откликов • 34 просмотра
Здравствуйте.
Цена договорная.


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

И скрипт всплывающего окна.


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

Якорь
кнопка
<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>

Вот рабочий пример: https://jsfiddle.net/kxagwyuz/
Если убрать js, то окно всплывает, ну или если всплывающее окно закоментить то скрол работает.