jquery - 过渡菜单上的 float 菜单从右侧淡出

Question

几周来我一直在尝试创建一个 float 菜单，但我一次又一次地失败了。
现在的问题是，当我向下滚动页面时，菜单也会 float ，我在他 float 时添加了一些样式，例如 transition: all 0.30s ease-in-out 并更改了 height 和 backgroundgcolor 以及 jQuery 代码 中的内容，而不是 CSS 中的内容。
所以，当我向下滚动时，应该有一个过渡，但它却从右边消失了。这意味着它来自右侧，然后滚动并改变高度。
DEMO
但是奇怪的是，如果我做一次它确实来自右边，但如果我做 1,000 次以上，那就没问题了。

谢谢。

Answer 1

在 jquery 中设置 css 设置之前，您在“固定”模式下的栏附加到右侧。如果向元素添加样式，您可以检查一下

<div class="navgroups" style="
    position: fixed;
">

修复它们，动画就会变得有趣。

同时将宽度设置为您的 BODY block (父 block ):

<div class="navgroups" style="
        position: fixed;
        width: 76%;
    ">