页面加载后,带有锚链接 url (/#xxxx) 的菜单项就会停留在悬停/活动状态,并且没有任何触发。 WordPress/阿瓦达

问题描述 投票:0回答:1

经过太多时间的挫败感,不明白发生了什么,一个随机的测试想法似乎已经证实了问题,但不知道如何正确解决,我真的不确定这是否是一个 wordpress、css 甚至主题引起的问题(Avada 主题)。快速解释一下:

Wordpress、Avada 主题。一切都已更新和修补。网站上有一个菜单。文本有基本的白色,将鼠标悬停在菜单项上会将文本颜色更改为橙色,并在顶部和底部添加边框。没什么疯狂的。只需设置菜单项的基本状态(文本白色、背景透明、无边框),并在悬停/活动时设置一些不同的参数,即可实现一点“动画”。我实际上在 avada 构建器中设置了选项,但也确认了 chrome 开发工具所应用的内容。设置此值后,在构建器后端中,它可以完美运行。将鼠标悬停在菜单项上会触发转换,将其移开会返回到原始状态。但是,如果我正常访问该页面,所有菜单项都已显示并停留在悬停状态。从它可见的第一刻起就已经是这样了,所有的菜单项都一样,就好像它们都被悬停一样。悬停、单击等不会改变状态。它的作用就像悬停/活动属性始终处于活动状态。即使尝试在 Chrome 开发工具中强制更改元素状态也不会改变任何内容。如果我返回实时编辑模式(仍然渲染网站),它会完美运行。

我在论坛上找不到太多东西。但幸运的是……我注意到菜单中的所有链接都是锚链接类型。网址中包含 ...com/#xxxxx 的类型,单击它会滚动到同一页面的某个部分或一部分,而不是将您带到一个独特的页面。该网站被设置为一页。使用 avada Wedding 演示网站作为起点。因此,我测试了用不带 #xxxxx 的任何其他链接替换带有锚链接 url 的菜单项。突然间,它再次完美运行。任何锚链接项目仍将停留在悬停状态外观,但任何不使用锚链接的项目即使在菜单是两者的混合时也看起来和工作正常。

这就是困境。页面全部在一页上,所以菜单项需要使用anchor样式。我不确定为什么锚链接似乎卡在悬停/活动状态。我想知道它是否在技术上总是以其工作方式活跃,这可以解释这一点。有什么想法吗?

带有锚链接 URL 的菜单项在常规状态或悬停/活动状态之间不会发生变化

css wordpress hover anchor
1个回答
0
投票

您好,您有解决这个问题的方法吗?实际上,我陷入了与您上面解释的相同的问题。最好的问候...

© www.soinside.com 2019 - 2024. All rights reserved.