0

我正在尝试复制“本保镖”网站出名的效果。

具体来说,当垂直滚动页面时,我试图让精灵图像在屏幕上水平移动。所以这是一个两步效果:

我设法在本地“按原样”复制页面,但是每当我尝试对其进行自定义时,我都会失去一些功能或动画变得非常奇怪。

在这里搜索,我发现了这个http://jsfiddle.net/pGvgc/2/

$(document).ready(function(){

var windowWidth = $(window).width();    
$("#block").css({ "right": windowWidth}); 

$(window).scroll(function(){       
    $("#block").css({ "right":  windowWidth  - $(window).scrollTop()});
});
});

但我不明白如何控制滚动的开始和停止,更重要的是,如何动画精灵动态改变背景位置。

4

1 回答 1

0

我正在尝试做一些类似于benthebodyguard 的事情,并且我试图找到可用的最佳解决方案。到目前为止,我已经尝试过诸如滚动路径、skrollr 和 crspline 之类的脚本。但是我最近发现了 raphael.js,并且基于这个 [jsfiddle],我决定将 if 用于动画。也许它也可以帮助您处理滚动动画。精灵动画,至少对我来说,它会多一点,因为我有一个更复杂的道路,角色必须遵循!

于 2013-04-26T08:36:08.407 回答