关闭某些模式弹出窗口时，页面跳至顶部。
注意： 我使用自定义HTML和Beaver Builder网站构建器的组合，通过Wordpress构建了此页面。 WordPress的主题是阿斯特拉。
链接到有问题的页面： http://retirementinsuranceoptions.com/consuelo-avila
进入网页后，单击“图书”选项以导航到我遇到问题的部分。您会注意到，当您单击“预定约会”或“安排聊天”，然后关闭这些弹出窗口时，页面将跳至屏幕顶部。
但是，如果单击“向Consuelo提问”，然后关闭弹出窗口，则页面不会滚动（这是我对所有其他模式弹出窗口都感兴趣的内容）。
您看到的所有按钮都是带有href =“＃0”的样式锚标记。
我确实注意到了一种模式...
“问问题”按钮的弹出窗口包含一个表单（来自Wordpress插件，Ninja Forms），它是我站点服务器上的本地资产。
“预定约会”和“安排聊天”的弹出内容是<iframe>和<script>，它们是从外部来源提供的（“日程安排”）。我只是将其代码嵌入模式弹出内容。 （下面提供，但出于隐私目的进行了审查）。
我不确定是否/为什么会导致页面跳转，但我认为值得一提，因为这些弹出窗口是导致页面跳转的唯一方式。
最后，我也在页面上也使用了一个名为“页面滚动到ID”的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>
预期/期望的结果： 关闭模式弹出窗口时，不会“滚动到顶部”。
实际结果： 有些弹出窗口会导致页面滚动到顶部，有些则不会。
（过去一年左右，我一直在学习编码。我很喜欢它，但是我还有很多东西要学习！谢谢您！S.O。!!）
答案 0 :(得分：0)
这是一个非常多余的功能！这不值得你麻烦