导航菜单下的图标动画

Question

之前我曾就此项目提出过几个问题。我创建了一个模拟网页作为课堂评估的一部分。

您可以在我的github上找到该页面：dtarvin.github.io/davidTarvinEvaluation/index.html

页面右下角有一个导航菜单。当您突出显示其中一个菜单项时，爪子图标会在菜单项下滑动，菜单项会垂直向上移动。然后，当您移动到另一个项目时，爪子会滑动到下一个项目，该项目会垂直向上移动，而上一个项目会向下移动到其原始位置。

两个问题：首先，当我在一个项目下有爪子时，如果我的光标指针指向爪子的左侧或右侧，则菜单项的高度会保持升高。但是，如果我的指针位于爪子本身上，则菜单项将返回其原始位置。我该如何解决这个问题？

其次，当我从一个菜单项移动到另一个菜单项时，例如从Home到About，在爪子从它下面移出之前，Home会下降，这样爪子最终会拖过Home这个词。有没有办法解决它，以免发生这种情况？

谢谢！

Answer 1

1）将#include "process.h" #include "utils.h" #include "lock.h" lock_t l; 的css属性添加到pointer-events: none;。

#paw

2）在未悬停时为#paw { //other properties... pointer-events: none; } 添加top属性值并添加转换延迟。

li span