Как сделать, чтобы при появлении всплывающего окна страница скролилась к якорю?

03.04.2020 20:49

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

Код:

    <input id="inp" class="name" autocomplete="name" name="name" placeholder="Ваше имя" required />

 

 

    <a href="#scroll"><button id="openwindow">Отправить</button></a>

 

    <div id="window9">  

        <p>Содержимое окна</p>

        <button onclick="show('none')" id="closewindow9">X</button>

    </div>

        

<div id="scroll"></div>

Код:

        "use strict";

 

        let inp = document.getElementById("inp");

 

        inp.addEventListener("mousedown", () => {

            inp.classList.remove("isNotValid");

        });

        

        inp.addEventListener("blur", valid.bind(null, inp));

 

        document.getElementById("openwindow").addEventListener("click", () => {

            if (!valid(inp)) return false;

            show("block");

 

        });

 

        function valid(inp) {

            if (!inp.value) {

                inp.classList.add("isNotValid");

                return false;

            }

            return true;

        }

 

        function show(state) {

          // if (state === "block") {

          //   timer = window.setTimeout(move, 0);

          // } else {

          //   clearTimeout(timer);

          // }

          document.getElementById('window9').style.display = state;

          // document.getElementById('wrap9').style.display = state;

          

        }

Код:

                #wrap9 {

                    display: none;

                    opacity: 0.5;

                    position: fixed;

                    left: 0;

                    right: 0;

                    top: 0;

                    bottom: 0;

                    background-color: rgba(255, 255, 255, 1);

                    z-index: 100;

                    overflow: auto;

                }

                

                #window9 {

                    width: 500px;

                    height: 300px;

                    margin: auto;

                    display: none;

                    background: #fff;

                    border: 1px solid #365E97;

                    z-index: 200;

                    position: fixed;

                    left: 0;

                    right: 0;

                    top: 0;

                    bottom: 0;

                    padding: 15px 30px 30px 30px;

                    vertical-align:middle;

                    -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);

                    box-shadow:0 5px 15px rgba(0,0,0,.5);

                }

         

         

                #closewindow9 {

                    background-color: red;

                    position: absolute;

                    right: 0;

                    top: 0;

                }

                

                .name {

                     border: 1px solid #eeeeee;

                }

 

                .isNotValid {

                    background-color: red;

                }

                

#scroll {

background-color: #dddddd;

padding: 300px 100px 300px 100px;

margin-top: 600px;

}

Moscow.media

Частные объявления сегодня

Rss.plus

Все новости за 24 часа

Ru24.pro

Можно ли перевестись из одной автошколы в другую в процессе обучения?

В Москве ежегодно состоялся юбилейный, всероссийский, патриотический гала-концерт «Проза и поэзия» «Россия - семья семей»

Подведены итоги конкурса «Мы верим твердо в героев спорта»

Life24.pro

Певица Натали Орли вернулась к истокам

Олимпийские ценности: доступное жилье в Иваново сдадут по улучшенному стандарту

Сергей Светлаков презентовал комедию «Беляковы в отпуске» в Москве

Масспостинг вертикальных видео в TikTok, Youtube-shorts, ВК-клипы, Reels.

Today24.pro

Every time we go on holiday my husband ogles other women on the beach

Marin schools proactive on state cellphone restrictions

Inexperienced Secret service agent called tech support hotline for help piloting drone ahead of Trump rally shooting: bombshell report

My mother and I were still estranged when she died in 2019. I went to a medium to connect with her and it brought me closure.

News24.pro

Забетонирована первая опора моста «Парус»

Более 30 автодорог отремонтировали в подмосковном Красногорске

В Подмосковье росгвардейцы задержали гражданина, находящегося в розыске.

«Аэродиск» привлек нового партнера по дистрибуции – компанию Merlion

Game24.pro

Elgato Game Capture Neo review

Мультиплеерный данжен-кроулер Greedy Wizards: Speed Dungeon вышел в новой стране на iOS и Android

Кровь, кишки и всё такое в трейлере новых добиваний для Mortal Kombat 1

Мафия-НН: Густой аромат армянского кофе наполнил воздух старательно украшенной гостиной.

Russia24.pro

Фестиваль «Песня года» 2024 состоится в ДС «Мегаспорт» в Москве

Стоит ли отдавать ребенка в частную школу?

Подведены итоги конкурса «Мы верим твердо в героев спорта»

Стоит ли отдавать ребенка в частную школу?

Другие проекты от SMI24.net

News-life

В Москве ежегодно состоялся юбилейный, всероссийский, патриотический гала-концерт «Проза и поэзия» «Россия - семья семей»

Как кирпичные традиции Иваново вдохновляют современные проекты

Ефимов: неэффективно используемые участки в СВАО реорганизуют по программе КРТ

Подведены итоги конкурса «Мы верим твердо в героев спорта»

Ru24.net

Котёнок, яд и анализы в Москве: Гибель четырёх детей под Красноярском остаётся нераскрытой

станция метро Международная Москва

Стоит ли отдавать ребенка в частную школу?

Новая глава старой сказки: худрук шоу «Король и Шут» рассказал о союзе симфонической музыки и панк-рока

News.tennis

Сафиуллин проиграл Синнеру и не смог выйти в четвертьфинал теннисного турнира в Пекине

Даниил Медведев обыграл Гаэля Монфиса и вышел во 2-й круг турнира ATP-500 в Пекине

Камилла Рахимова вышла во второй круг WTA-1000 в Пекине, обыграв Кимберли Биррелл

Эйсинг-777 // Марин Чилич стал самым низкорейтинговым чемпионом турнира АТР

29ru.net

«Спартак» может потерять полузащитника на дерби с «Локомотивом»

Захарова: обязательства по расследованию теракта на «Севпотоках» не выполняются

«Листва просто опадёт»: Сухое лето лишило москвичей красок золотой осени, заявил метеоролог

Котёнок, яд и анализы в Москве: Гибель четырёх детей под Красноярском остаётся нераскрытой

Музыкальные новости

Poisk-music.ru

TMZ: Певица Лана Дель Рей выйдет замуж за охотника на аллигаторов

"Летов бы перевернулся в гробу". Как два омича за неделю создали незабываемое событие

Авторская песня. Радио Авторской Песни. Авторская песня барды.

Мартин Скорсезе отложил производство фильмов про Иисуса Христа и Фрэнка Синатру

Ria.city

Подведены итоги конкурса «Мы верим твердо в героев спорта»

Стоит ли отдавать ребенка в частную школу?

Фестиваль «Песня года» 2024 состоится в ДС «Мегаспорт» в Москве

Rss.plus

Можно ли перевестись из одной автошколы в другую в процессе обучения?

Вильфанд: сентябрь для Москвы и Петербурга будет самым теплым в истории

Сергей Светлаков пригласил турецкую звезду Бурака Озчивита сыграть в продолжении «Беляковых в отпуске»

Подведены итоги конкурса «Мы верим твердо в героев спорта»

Auto.russia24.pro

Автомобили с 1 октября подорожают из-за новых ставок утильсбора

Певица Натали Орли вернулась к истокам

Доцент Фиронов: машины резко подорожают из-за новых ставок утильсбора с октября

Эксперт Фиронов рассказал, что будет с ценами на авто с 1 октября

Putin.russia24.pro

Рябков: Россия фиксирует реакцию Запада на изменения своей ядерной политики

Политический директор премьера Венгрии: наша страна сдалась бы в случае

Рябков назвал «развернутой» реакцию Запада на заявления по ядерной доктрине РФ

Американская разведка предупредила Байдена: Путин не пошутил, Зеленский тянет нас в ад

Health.russia24.pro

Осень или организм: врач объяснил, кто виноват в усиленном выпадении волос

«Затруднилось дыхание, опустилось веко»: россиянка заразилась ботулизмом после приема у косметолога

Кузнецов попал в больницу после матча КХЛ с «Северсталью»

Терапевт Кондрахин посоветовал идти к врачу при наличии болей в грудной клетке

Sport.russia24.pro

Подведены итоги конкурса «Мы верим твердо в героев спорта»

Представители Росгвардии поздравили воспитанников Центра спорта и образования «Самбо-70» с принятием торжественной клятвы

Подведены итоги конкурса «Мы верим твердо в героев спорта»

Lukashenko.russia24.pro

Как только НАТО нападет на Беларусь, будет применено ядерное оружие – Лукашенко

Александр Лукашенко анонсировал название для 2025 года и всей пятилетки, у студентов было другое предложение

«Россия за нас втягивается…» Лукашенко грозит НАТО ядерным оружием

Лукашенко назвал условие, при котором Минск применит ядерное оружие

Person.russian.city

Сергей Собянин заявил о продлении наземного метро Москвы в Тульскую область

Сергей Собянин. Главное за день

Собянин: МЦД продлят до Калужской, Смоленской, Тульской и Ярославской областей

«В ближайшие регионы»: Собянин анонсировал продление МЦД до четырёх областей

Ecology.russia24.pro

Первое армянское название в Москве

Под Симферополем продолжается строительство нового крупного микрорайона

В царстве растений. Самая большая коллекция магнолий в России собрана в Гагаринском районе

«Чистая Арктика» разработает стандарт сбора и вывоза отходов из удаленных мест

29ru.net

Котёнок, яд и анализы в Москве: Гибель четырёх детей под Красноярском остаётся нераскрытой

Шолохов: введение профессиональных стандартов для писателей оправдано

Захарова: обязательства по расследованию теракта на «Севпотоках» не выполняются

Новая глава старой сказки: худрук шоу «Король и Шут» рассказал о союзе симфонической музыки и панк-рока

Severodvinsk.ws

В пропавшем в Архангельской области вертолете находился депутат Сметанин

ТСД SAOTRON RT41 GUN: практичный, производительный, надёжный

В Гидрометцентре прогнозируют температуру на 6-10°С выше нормы в нескольких регионах России

Прокуратура проверяет информацию о пропаже вертолета в Архангельской области

Sevpoisk.ru

В Симферополе появится новый бизнес-центр “Крымский”

В районе Симферополя появится необычный жилой квартал

Под Симферополем продолжается строительство нового крупного микрорайона

Творческая композиция «Диво дивное руки творят».

103news.com

Адвокат: Алексей Блиновский не вернулся в зону СВО из-за участия в следствии по делу Пашаева

"Фонтанка": в Пулково задержали похитителя ребенка, которого искали семь лет

Ударит новая волна заморозков: синоптик Вильфанд огорошил свежим прогнозом

Замглавы МИД Грушко: Россия планирует принять участие в СМИД ОБСЕ на Мальте

Агрегатор новостей 24СМИ