将动画添加到联系表中

Question

如果某人可以将我设置在正确的路径上！我整夜都在搜索和阅读教程，但我无法弄清楚！

我试图对触点表产生相同的效果，例如：http：//clapat.ro/themes/newave/

当您滚动到表格时，它像该页面上的许多其他元素一样弹跳到屏幕上。

我也正在使用Bootstrap BTW。任何人？谢谢

Answer 1

如果要执行与本网站相同的设计，则可以在Bootstrap Stylesheet中添加"酷小猫"：http://jalxob.com/cool-kitten/

对于动画，如果您想执行"弹跳"之类的事情，则可以使用jqueryui弹跳事件：http://api.jqueryui.com/bounce-effect/

希望它能帮助您

Answer 2

以下是一些jQuery代码的示例，您可以用来使您想要的效果。

$(window).scroll(function () {
    if ($(this).scrollTop() > 125) {
        $('#DivYouWantToAnimate').css('visibility', "visible").animate({ paddingLeft: "150px", opacity: '1' }, 'slow');
    }
});

记住要设置要动画为可见性的Div的默认值：隐藏；因此，仅当您向下滚动时，它才会显示出来。

这是一个有动画的小提琴（scrolldown以查看效果）

编辑：请记住，您可以更改jQuery的效果，因此它看起来比我的示例更流畅。