如何用raphael js实现视差滚动？

Question

我关注http://www.tedxguc.com/作为我当前项目的参考点。我已经设法使用raphael js库在这些路径上创建路径和移动对象。我能够在鼠标单击或鼠标移动时执行对象的移动。请建议我如何在滚动（视差）上制作这些动画。

 var p = new Raphael(0,0,"100%","100%");
 p.addGuides();

 var path; 
 var path1 = p.path("M 630 180 l -420 -120").attr({opacity:0});
 image1: p.image().attr({
      "x":630,
     "y":180,
    "width": 20,
    "height": 20,
    "src": "images/image1.png"
   })};

    $(document).on("mousemove", function(){
      // animate along a path
      obj.image1.attr({
        guide : path1,
        along : 0,
        x     : 0,
        y     : 0,

      })
       .animate({along : 1}, 1000);

    });