私は、クライアントが基本的に電子書籍リーダー アプリのページめくりのように機能するコンテンツ間を遷移する方法を求めているプロジェクトに取り組んでいます。リンクをクリックして先に進むと、現在のコンテンツが左にスライドし、スライドすると新しいコンテンツが表示されます。リンクをクリックして前に戻ると、コンテンツが左からスライドして重ねられます。(さらに離れたページにジャンプする場合は、ページをリロードしても問題ありません。)
コンテンツ ブロックごとに個別の URL が必要であり、理想的にはこれが IE7 まで機能する必要があります。少なくとも 50 ページあり、それぞれに少なくとも 2 ～ 300 語が含まれているとします。
多くのjQueryページ遷移オプションがあることは知っていますが、私が見たもののほとんどは、古いコンテンツがスライドオフしている間に新しいコンテンツにスライドインするか、古いコンテンツがなくなった後に新しいコンテンツにフェードインします（スライドを考えてください. js)。私が必要としているのは基本的に、スクロールではなくリンクによってトリガーされる縦型のcurtain.jsで、ページ上のすべてのコンテンツを一度にロードする必要はありません。
これを構築する可能性があると思いついた1つの方法を次に示します。
- 現在のコンテンツはデータベース (またはその他) から読み込まれます
- 前のページと次のページのコンテンツも読み込まれ、非表示の div に保存されます
- リンクをクリックすると、現在のページがスライド オフします (または前のページがスライド インします)。
- 不要になったコンテンツは削除されます
- 新しいコンテンツは AJAX で「プリロード」され、非表示になります
- ローカルURLもAJAXで変わる
しかし、それは本当にエレガントではないようです。上記で概説したことは可能ですか？これを行うより良い方法は何ですか？
私は JS/jQuery と PHP には問題がなく、AJAX を学んでいます。