CSS伪滞后与jQuery幻灯片切换



我使用CSS伪:before在导航栏中创建箭头,还使用jQuery slideToggle()以这种方式显示ul。但是,当您将鼠标悬停在它上面时,过渡仍然会发生,但箭头会稍微延迟,然后出现。要查看一个更容易发生的示例,请参阅http://applefanatic.co.uk并将鼠标悬停在"iPad"上。

我是jQuery的新手,所以我可能会错过一些东西。我知道jQuery代码是有效的,只是我有延迟。

谢谢。

编辑:更改了导航栏并删除了CSS箭头,这不再相关,但在其他人需要帮助的情况下,将把问题留在这里。

这是因为jQuery slideToggle()会将overflow:hidden应用于正在设置动画的元素,并在动画完成后删除。

要解决此问题,只需在样式表中将overflow:visible !important添加到ul即可。

最新更新