При закрытии некоторых модальных всплывающих окон страница переходит наверх.
Примечание. Я создал эту страницу с помощью Wordpress, используя комбинацию пользовательского HTML и конструктора сайтов Beaver Builder.Тема Wordpress - это Astra.
Ссылка на страницу с вопросом: http://retirementinsuranceoptions.com/consuelo-avila
Как только вы попадете на веб-страницу, нажмите опцию "Книга", чтобы перейти к разделу, с которым у меня возникают проблемы.Вы заметите, что когда вы нажимаете «Заказать встречу» или «Назначить чат», а затем закрываете эти всплывающие окна, страница переместится в верхнюю часть экрана.
Но, если вы нажмете «Задать вопрос Консуэлле», а затем закроете всплывающее окно, страница не будет прокручиваться (чего я и хочу добиться для всех остальных модальных всплывающих окон).
Все кнопки, которые вы видите, являются стилизованными тегами привязки с href = "# 0".
Я заметил шаблон ... Всплывающее окно для кнопки «Задать вопрос» содержит форму (из плагина Wordpress, формы ниндзя), которая является локальным ресурсом на сервере моего сайта.Всплывающим контентом для «Записаться на встречу» и «Назначить чат» являются <iframe> s и <script> s, предоставляемые из внешнего источника (Acuity Scheduling).Я просто встраиваю их код для модального всплывающего контента.(предоставлено ниже, но подвергнуто цензуре для конфиденциальности).Я не уверен, если / почему это заставит страницу перескочить, но подумал, что стоит упомянуть, потому что эти всплывающие окна - единственные, которые заставляют страницу перескочить.
Наконец, на странице я также использую плагин Wordpress под названием «прокрутка страницы до идентификатора», но я попытался его деактивировать, и это не имело никакого значения, поэтому я могу с уверенностью сказать, чтоэтот плагин не влияет на эту проблему.
HTML-код для кнопок: <div id="button-only-div">
<a id="bio_book" class="ask-a-question push_button red" style="text-align: center;" href="#0">Book An Appointment</a><br />
<a id="bio_chat" class="ask-a-question push_button red" style="text-align: center;" href="#0">Schedule A Chat</a><br />
<a id="bio_question" class="ask-a-question push_button red" style="text-align: center;" href="#0">Ask Consuelo A Question</a>
</div>
Код для встраивания Acuity Scheduling: <iframe src="https://app.acuityscheduling.com/schedule.php?(censored)" width="100%" height="800" frameBorder="0"></iframe> <script src="https://(censored).acuityscheduling.com/js/embed.js" type="text/javascript"></script>
Ожидаемый / ЖелаемыйРезультат: нет «прокрутки вверх», когда модальное всплывающее окно закрыто.
Фактический результат: Некоторые всплывающие окна заставляют страницу прокручиваться вверх, а некоторые нет.
(Я былучусь программировать за прошедший год или около того сейчас. Мне это нравится, но мне еще есть чему поучиться! Заранее спасибо ТАК !!)