Javascript 如何设置向下滑动Jquery';什么是addClass?
你知道怎么让它滑下来吗?我试图用一个时间来通过第二个论点,但它偏了。 我应该用另一种方法吗Javascript 如何设置向下滑动Jquery';什么是addClass?,javascript,html,jquery,css,Javascript,Html,Jquery,Css,你知道怎么让它滑下来吗?我试图用一个时间来通过第二个论点,但它偏了。 我应该用另一种方法吗 $(文档)。在('click','#bar',函数(){ $(#baz”).addClass(“foo”); }); 正文{ 高度:200px; 位置:相对位置; } 傅先生{ 位置:绝对位置; 底部:0; } 把它推倒 试验 jQuery为此内置了功能。有关详细信息和示例,请参见您可以使用CSS完成此操作。将动画添加到foo类中,并添加@关键帧规则,用于设置绝对定位元素的位置之间的动画。在你的例
$(文档)。在('click','#bar',函数(){
$(#baz”).addClass(“foo”);
}); 代码>
正文{
高度:200px;
位置:相对位置;
}
傅先生{
位置:绝对位置;
底部:0;
}
把它推倒
试验
jQuery为此内置了功能。有关详细信息和示例,请参见您可以使用CSS完成此操作。将动画
添加到foo
类中,并添加@关键帧
规则,用于设置绝对
定位元素的位置
之间的动画。在你的例子中,只需确保你正在添加的类的位置设置为动画完成时你希望的位置
$(文档)。在('click','#bar',函数()上{
$(#baz”).addClass(“foo”);
});代码>
正文{
高度:200px;
位置:相对位置;
}
傅先生{
位置:绝对位置;
动画:滑入滑出。5秒轻松进出;
底部:0;
}
@关键帧向下滑动{
0% {
/*由于.foo类被设置为bottom:0,我们将从0%到160px开始*/
底部:160px;
}
100% {
/*我们以0结束,这将是父divs高度的底部*/
底部:0;
}
}
把它推倒
试验