Question

我的顶级导航有一个动画。向下滚动它工作正常，但动画带有淡入淡出效果。我想要的是背景的滑动效果。由于滚动不会触发向下滑动，因此无法向下滑动。有谁可以帮助我？

这是我的网站：

这是我的代码：

$(function() {
var floating_navigation_offset_top = $('#floating-nav').offset().top;
$(window).scroll(function(){
    var scrollTop = $(window).scrollTop();
    if(scrollTop > floating_navigation_offset_top)
        $('#floating-nav').stop().animate({'opacity':'1'},800).css({'position':'fixed','top': '0', 'z-index': '99'});
    else   
        $('#floating-nav').stop().animate({'opacity':'0'},40);
});

});

Answer 1

根据我的理解，如果您想要一个向下滑动效果，而不是动画opacity，只需将height从0设置为滑动菜单的高度。

更新

更好的是，根据Alexander Lozada的评论，您可以使用.slideDown()功能。

$(selector).slideDown(speed,callback);

根据要求进一步更新：，这是一个简单的fiddle

注意：要使slideDown起作用，元素应该由JQ方法隐藏，例如slideUp（）或css display:none等

JQuery使用slidedown进行动画制作

1 个答案: