Jquery 向联系人窗体添加动画

如果有人能让我走上正确的道路，那就太棒了！我整晚都在搜索和阅读类似的教程，但我想不出来

我尝试在联系人表单上执行以下操作：

当您滚动到表单时，它会像页面上的许多其他元素一样反弹到屏幕上

---

顺便说一句，我也在使用bootstrap。有人吗？谢谢你

如果你想做与本网站相同的设计，你可以将“酷小猫”添加到你的引导样式表中：

对于动画，如果要执行“反弹”之类的操作，可以使用JqueryUI反弹事件：

---

希望它能帮助你

如果你想做与本网站相同的设计，你可以将“酷小猫”添加到你的引导样式表中：

对于动画，如果要执行“反弹”之类的操作，可以使用JqueryUI反弹事件：

---

希望它能帮助您

以下是一些Jquery代码的示例，您可以使用这些代码来实现想要的效果

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

记住将要设置动画的Div的默认值设置为可见性：隐藏；所以只有当你向下滚动时，它才会显示出来

下面是一个动画示例（向下滚动以查看效果）

---

编辑：请记住，您可以更改jQuery的效果，使其看起来比我的示例更平滑。

以下是一些jQuery代码的示例，您可以使用它们来实现所需的效果

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

记住将要设置动画的Div的默认值设置为可见性：隐藏；所以只有当你向下滚动时，它才会显示出来

下面是一个动画示例（向下滚动以查看效果）

---

编辑：请记住，您可以更改jQuery的效果，使其看起来比我的示例更平滑。

您指的是淡入动画吗？可能是skrollr.js库？问题不清楚。你需要焦点的淡入/淡出效果吗？@CarstenLøvboAndersen是的，窗体是如何从焦点淡入的left@Jahnux73太棒了！这看起来非常适合我的需要，现在就开始吧！你是说淡入动画吗？可能是skrollr.js库？问题不清楚。你需要焦点的淡入/淡出效果吗？@CarstenLøvboAndersen是的，窗体是如何从焦点淡入的left@Jahnux73太棒了！这看起来非常适合我的需要，现在就开始吧！酷小猫的东西看起来也可以工作！谢谢，酷小猫的东西看起来也能用！谢谢好的太棒了，这就是我要找的！！上面的库我很可能也会用到，但我对它到底是如何工作的很感兴趣！谢谢你的出色工作，也谢谢大家！好的，太棒了，这就是我要找的！！上面的库我很可能也会用到，但我对它到底是如何工作的很感兴趣！谢谢你的出色工作，也谢谢大家！