[英]JQuery animate with slidedown
我的顶级导航拥有动画。 向下滚动时效果很好,但是动画带有淡入淡出效果。 我想要的是背景的下滑效果。 由于滚动不会触发向下滑动,因此Cant使其像向下滑动一样工作。 谁能帮我?
这是我的网站:
这是我的代码:
$(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);
});
});
据我了解,如果您想要向下滑动效果,而不是设置opacity
动画,只需将height
从0设置为向下滑动菜单的高度即可。
更新:
更好的是,根据Alexander Lozada的评论,您可以使用.slideDown()
函数。
$(selector).slideDown(speed,callback);
进一步更新:根据要求,这是一个简单的小提琴
注意:为使slideDown正常工作,应使用JQ方法(如slideUp()或css display:none
等)隐藏元素。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.