css手风琴跳到屏幕顶部

Question

我使用的手风琴纯粹是css。面板有一个锚点，其中包含＃链接，例如：<a href="#whatever">。

当选择面板时，特定面板会跳到屏幕顶部。我假设这是因为链接中的＃。有没有办法我可以禁用它，这样手风琴面板根本不会跳转，而是停留在屏幕上的位置，并在那时激活面板开口？

我觉得奇怪的是当我自己制作手风琴时它工作正常，没有跳跃。当我将代码（HTML和CSS）插入我的网页时，然后跳转选择/点击。我不知道为什么，我已经复制了类似的代码。

我的经验不仅限于HTML＆amp; CSS目前。

更新 我现在已经推断出我的页脚会出现这种情况。我决定将我的网页逐页添加（只是HTML）到手风琴应用的文件中。标题添加没有问题但是一旦我为页脚添加HTML，手风琴就会开始跳跃。

由于

Answer 1

尝试将此添加到您的CSS：

.faq-accordion:hover {
position:absolute;
top:200px;
left:50%;
margin-left:-480px;
padding:20px;
background-color:rgba(79,79,79,1);
border:6px solid rgba(60,159,138,1);
}