テストケース
>> JSFIDDLE <<
問題
私は 100% の幅と高さのセクションで遊んで、それらの間を移動してきました。それはすべて非常にスムーズに機能します-私は思いました。ただし、ユーザーが「ベース」をクリックすると、最初のセクションにリダイレクトされます。それは良いことですが、ユーザーが緑色のスライド ( 4 番目のスライド) に到達したときに問題が発生します。このセクションでユーザーが次の矢印 (左側) をクリックすると、アニメーションが正しくなくなります (最初の実行では正しくなります!)。
何が起こるべきか(そして最初の実行で何が起こるか):
- 緑(第四節)は右にスライド(
right: -$(window).width()
) - 白(5段目)も右にスライド(
right : 0
)
ユーザーが以前にベースに戻った後に何が起こるか
- 緑は動かない(動かない)
- 白
right : 0
は本来あるべき右 ( ) にスライドします。
グリーンが何もしない理由がまったくわかりません!たぶん、あなたたちは問題を見つけることができますか?
また、私のコードに関するヒント (より論理的なもの) があれば、コメントに入れてください。