Javascript 我想有一个jQuery鼠标滚动动画效果类似的网站https://onlycoin.com/

正如标题中提到的，当我们滚动时，有一个平滑的鼠标滚动效果，使卡片变得生动

我想实现类似的目标。我已经做了网页。我没有卡片，我有手机，可以在里面制作动画

有人能帮我做这件事吗

我已经在页面上完成了HTML编码，我真的对jquery.animate（）感到困惑；功能

因此，我知道的唯一参考网站就是我在上面发布的那个

我是jquery的新手。

---

感谢您的帮助。

很难为您提供完整的解释，但我把这些放在一起让您开始：

HTML

JS

---

谢谢这是我一直在寻找的想法。现在，我可以根据我心目中的设计和效果来定制它。很高兴我能帮上忙。如果您认为答案可以解决您的问题，请接受答案并在左边打勾：）

<div id="container">
<div class="box" id="right"></div>
<div class="box" id="center"></div>
<div class="box" id="left"></div>
</div>

#container {height: 1000px; width: 1000px; background-color: #000;}
.box {width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; margin-left: -50px; margin-top: -50px; background-color: #ff0000;}
#right {background-color: #aa0000;}
#left {background-color: #aa0000;}

var lastScrollTop = 0;
var leftBox = $('#left').position();
var rightBox = $('#right').position();

$(window).scroll(function(event){
    var st = $(this).scrollTop();
    $('#right').css({left: rightBox.left + st});
    $('#left').css({left: leftBox.left - st});
    lastScrollTop = st;
});