Question

我最近遇到过这个网站

首先，您可能会注意到本网站末尾有一名男子站在房门口。您可以搜索关键字＆＃34;有哪些实际应用？＆＃34;找到那个地方。

有一种效果是，当用户滚动鼠标时，屏幕在滚动上有一些反应，比如说，在这个网站上，如果用户向下滚动，那么男人会走进房间，如果用户滚动另一侧，则该男子离开房间。

看来效果只是滚动然后更改图片网址？我想提出更具体的问题，如何覆盖滚动事件，并执行一些功能？

由于

Answer 1

如果你看一下开发工具，你可以看到他们正在改变图像，正如你所提到的那样你可以用jQuery重新创建它，使用类似这样的东西：

$(function(){
  $(window).scroll(function()
  {
    var aTop = $('#animationContainer').height();
    var framesShown = 0;
    var framesTotal = 10;

    if($(this).scrollTop()>=aTop){
        if(framesShown != framesTotal)
        {
            e.preventDefault()
            showNextFrame(framesShown + 1);
            framesShown++;
        } 
    }
  });
});

此代码不具备实用功能

如何根据这个网站的滚动创建动画？

1 个答案: