在div中添加向上滑动动画

时间:2014-11-25 12:40:23

标签: jquery css3 animation slide

我正在制作一个带有一些div的全宽度和高度的网站。我在每个div中添加了一个导航按钮底部。如果用户点击按钮,则下一页/ div出来。但我想添加一些上滑动画,以便页面/ div出现动画。我怎样才能做到这一点?

这是网站链接http://server2020.tk/wordpress/

你会在底部找到一个新闻按钮

3 个答案:

答案 0 :(得分:0)

看看CSS动画或jquery效果。

盲人是你想要的jquery。 http://jqueryui.com/effect/

答案 1 :(得分:0)

你可以用CSS最有效地做到这一点。 由于您还没有提供我可以回复的任何代码,我将为您提供一般问题的一般答案:

搜索fpr css过渡 - 你也可以找到很多关于这个主题的jsfiddle:

> http://jsfiddle.net/jalalhejazi/avWeH/

您最初必须隐藏元素,并通过更改将转换css转换的值来显示它。

希望这有帮助,

答案 2 :(得分:0)

我不确定你真的想做什么,但也许你可以使用jQuery animate funciton:

$(element).animate({scrollTop: val}, time);

这是一个Fiddle,其中有一个简单的例子。