私はscrollpath(http://joelb.me/scrollpath/、リンク7から入手可能なソース)をいじっています。
私は、正しい「画面」に到着したときに作品をアニメーション化することを検討してきました。私はjQueryが得意ではありませんが、他の人のコードを突くことが私が学ぶための最良の方法であることがわかりました。私が抱えている問題は、うまくいくべきだと思うことですが、常にうまくいくとは限りません。
私の問題を示す例がhttp://blah.eu5.org/にあります。「タイプ」をクリックすると、鶏は動きません。次に「メリット」をクリックしても、再び移動することはありません。ただし、「About」から「benefits」をクリックすると表示されます。2つのウィンドウを移動した場合にのみ、コールバックがトリガーされるようです。また、ウィンドウに到達したときにタップしてから上にタップしても機能します。
ちなみに、私は、鶏がまっすぐ進むのではなく、クリックした場所までのパス上のすべての動きをスクロールできるようになることを望んでいました。これは、このコードを使用するのにそれほど問題なく可能ですか?
私が見ているコードはscript/slide.jsにあります。
.moveTo(400, 300, {
callback: function() {
$(".chicken").animate({"top": "300px","left": "286px"}, 1000, "easeInOutSine");
},
name: "about"
})
これが私がそれを呼んでいる方法です。.moveToはscripts/jquery.scrollpath.jsで処理されると思います。私はまだ学んでいるので、私が見逃している何かがもっと必要なのかもしれません。もしそうなら、私に知らせてください。