带滑下的JQuery动画
带滑下的JQuery动画
提问于 2014-03-08 23:49:50
我的顶部导航有一个动画。虽然向下滚动效果良好，但动画带有淡入淡出效果。我想要的是背景的滑动效果。因为滚动不会触发向下滑动，所以不能让它像向下滑动一样工作。有谁可以帮我？
这是我的网站：
下面是我的代码：
$(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);
});
});回答 1
Stack Overflow用户
回答已采纳
发布于 2014-03-09 00:28:30
据我所知，如果你想要一个向下滑动的效果，而不是动画opacity，简单地动画height从0到你的向下滑动菜单的高度。
更新：
更好的是，根据Alexander Lozada的评论，您可以使用.slideDown()函数。
$(selector).slideDown(speed,callback);进一步更新:应请求，这里是一个简单的fiddle
注意:为了让slideDown工作，元素应该被JQ方法隐藏，比如slideUp()，或者css display:none等
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22271471
复制相关文章
相似问题
腾讯云开发者
