Jquery 一个元素上的两个不同转换

我正在用CSS制作一个菜单，当用户滚动到某个数量时，它会使用

转换：all.6s

。在这个菜单中，我有一个

ul

，我想在悬停时使用淡入淡出过渡。不幸的是，当用户滚动时，这会把一切都搞糟，重新定位的效果会被延迟

问题是；我怎样才能解决这个问题

滚动时转换的CSS：

.menu, nav, img {
    transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    -webkit-transition: all .6s;
}

我要悬停的按钮：

nav ul li a {
    color: rgba(0,0,0,.7);
    font-family: dinot;
    font-weight: 100;
    text-transform: uppercase;
    text-decoration: none;
    transition: ease-in-out .2s;
}

HTML:

您需要为a标记指定转换类型。以下是修复方法：

nav ul li a {
    color: rgba(0,0,0,.7);
    font-family: dinot;
    font-weight: 100;
    text-transform: uppercase;
    text-decoration: none;
    transition: color ease-in-out .2s;
}

---

提供一个工作小提琴或示例代码。谢谢！就这样，学到了一些新东西还是很酷：）很乐意帮忙：）

nav ul li a {
    color: rgba(0,0,0,.7);
    font-family: dinot;
    font-weight: 100;
    text-transform: uppercase;
    text-decoration: none;
    transition: color ease-in-out .2s;
}