Jquery スクロールした際のイベント

Question

http://black-flag.net/jquery/20140527-5155.html

以上のURLから1ページごとに画面遷移するUIを実装しました。ここで2ページ目に

http://coliss.com/articles/build-websites/operation/javascript/jquery-plugin-letterfx.html

こちらのプラグインを使用したのですが画面をスクロールする前にプラグインのイベントが終了してしまいます。スクロールして２枚目に差し掛かった際に以上のプラグインのイベントが発生して欲しいのですがどのようにすればよろしいでしょうか？ご回答、よろしくお願いします。

Answer 1

最後までみつからなかった。。

Answer 2

動作確認していませんが、
この部分を

setWrap.stop().animate({top:-(crtHeight*crtIndex)},scrollSpeed,scrollEasing);

このようにすると

setWrap.stop().animate({top:-(crtHeight*crtIndex)},scrollSpeed,scrollEasing).letterfx({"fx":"fall","words":true,"timing":200});

それっぽくなるんじゃないかなあ、と思います。タイミングが合わないなら.delay(1000)とか挟んでやれば、アドホックですがそれなりになるかもしれません。

#####追記
すみません、実際にやってみましたところ、全然違いました。
こんな感じで書くと動きました。

// HashChangeEvent
if(urlHash == 'on'){
	$(window).on('hashchange',function(){
		var stateUrl = document.URL,
		hashSplit = ((stateUrl.split(setHash)[1])-1);
		navList.eq(hashSplit).click();
	});
}

この関数に1行追加

// HashChangeEvent
if(urlHash == 'on'){
	$(window).on('hashchange',function(){
		var stateUrl = document.URL,
		hashSplit = ((stateUrl.split(setHash)[1])-1);
		$('#stage'+(hashSplit+1)+' p').letterfx({"fx":"fall","words":true,"timing":1000});
		navList.eq(hashSplit).click();
	});
}

Comments

[heihei]

ご回答ありがとうございます！ただ、スクロールできなくなってしまいました。。

[Lhankor_Mhy]

ごめんなさい、追記しました。