I've been playing around with the scrollpath code (Demo:
http://joelb.me/scrollpath/ Source:
https://github.com/JoelBesada/scrollpath). I'm using it to make a non rotating page(probably easier ways to do it, I know) but I want to move 1 element with each page.
To do this, I have been using...(in the file scripts/demo.js)
Code:
$.fn.scrollPath("getPath")
// Move to 'about' element
.moveTo(400, 300, {
callback: function() {
$(".chicken").animate({"top": "300px","left": "286px"}, 1000, "easeInOutSine");
},
name: "about"})
The problem is, it doesn't seem to trigger when I browse using the menu, but does when I browse using arrow keys(but usually only when I go backwards). Is there something glaringly stupid I am doing?