根据类自动更改/重置jQuery的position（）。left

Question

我正在为我的新网站制作一个菜单，它最初有以下CSS：

==

==上课：

margin: 20px 20px 0;

所以这是我用来通过给它类f-nav将页面固定在页面顶部的代码。这也是我喜欢的菜单行，它在鼠标悬停时移动到菜单项上：

.f-nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    margin: 0 !important; /* <------------ Problem */

    -webkit-transition: all 0.2s ease-out !important;
    -moz-transition: all 0.2s ease-out !important;
    -o-transition: all 0.2s ease-out !important;
    -ms-transition: all 0.2s ease-out !important;
    transition: all 0.2s ease-out !important;
}

上述代码按预期工作。它根据边距适当地改变了线的位置。但在Firefox控制台中，我收到以下警告：

  

此网站似乎使用滚动链接定位效果。这可能不适用于异步平移;有关详细信息，请参阅https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects，并加入有关相关工具和功能的讨论！

有没有办法解决这个警告？我只想在.f-nav保证金更改时将菜单行放在正确的位置，但我整天都遇到此错误：/

感谢任何帮助！

修改 JSFiddle - https://jsfiddle.net/41yu09t4/