2012-05-11 9 views
0

私はajax経由でページを読み込み、jQuery Scroll libraryを使ってそのコンテンツを画面全体に水平にスライドしようとしています。jQuery ScrollToAjaxがスライドしません

リンクをクリックすると、現在ロードされている他のすべてのページがDOMに隠され、次のページがajaxで読み込まれ、scrollToが呼び出されて新しいページにスライドします。

これは、ユーザーが左から右にクリックしている(つまり、コンテンツが前のページの下のDOMに読み込まれている)場合に効果的です。ただし、ユーザーがリンクを右から左にクリックした場合(つまり、DOM内の現在のページの上にページを読み込んでページを逆にスライドさせる場合)、スライドせずに直接そのページにジャンプします。

なぜこのスライドが一方向で動作するのか、別の方向では動作しないのか、ちょっとわかりません。 DOMのすべてのページをプリロードするとうまくいきますので、ScrollToが次のページの幅/距離を計算する方法に関係していると仮定しています。

答えて

0

最後に、AJAX経由で読み込まれたコンテンツとともに、メニュー内のページ位置に応じてアニメーションされたプレースホルダdivを2つ作成しました(左は&)。いずれにしても、膨らんで各ページをDOMにロードするのは非現実的でした。

関連する問題