Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何设置向下滑动Jquery';什么是addClass?_Javascript_Html_Jquery_Css - Fatal编程技术网

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;
}
}

把它推倒
试验