转换菜单上的浮动菜单从右侧淡出

时间:2014-03-14 19:27:21

标签: jquery css3

我一直试图创建一个浮动菜单几周,一遍又一遍,我失败了 现在的问题是,当我向下滚动页面时,菜单也会浮动,当他像transition: all 0.30s ease-in-out一样浮动并更改了height和{{1}时,我添加了一些样式和 jQuery代码上的东西,而不是 CSS 因此,当我向下滚动时,它应该是一个转换,但它会从右边消失。意思是它来自右边然后滚动并改变高度 DEMO
但有些奇怪,如果我这样做,一旦确实来自右边,但如果我做了1000次以上,那就没问题了。

感谢。

2 个答案:

答案 0 :(得分:0)

您正在从 width:100%; 过渡到width: 974px; 从头开始设置班级的宽度。

答案 1 :(得分:0)

在jquery中设置css-setting之前,您的“固定”模式栏位于右侧。如果将元素添加到元素

,则可以检查此项
<div class="navgroups" style="
    position: fixed;
">

修复它们,动画会很有趣。

将宽度设置为BODY块(父块):

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