0

サイトhttp://canvas.coでは、ページがシームレスに変化します

開発者ビューでコードを見る。ページを変更すると、コード自体が再ロードされないように見えます。すべてのコンテンツを保持する要素が新しいコンテンツをロードするだけで、他の要素はそのまま残ります

私が気付いたもう 1 つのことは、ソースを表示すると、実際にはほとんど情報がないことです。ブラウザがページにレンダリングするテキストを検索すると、ソースにはありません。（そうではないことは確かですが）実際のドキュメントではなく、iframeのソースを表示しているように感じます

1 つの長いページにすぎないのではないかと考えましたが、そうではなく、「ページ」ごとに異なる URL をコンテンツに持たせたいので、このようにしたくありません。

何が起こっているのか、どうすればこのようなシームレスなページ変更を実装できるのでしょうか?

4

1 に答える 1

1

表示可能なコードがほとんどない理由は、その大部分が外部ファイルを介して取り込まれているように見えるためです (JavaScript が「インクルード」する場合)。

トランジションに関しては、サイト自体が 1 ページ内に含まれ、すべてのコンテンツが一度に読み込まれる、いわゆる "State Based" サイトです。これは jQuery アニメーションを使用して簡単に実現できます。すべてのコンテンツをロードし、ホームページのコンテンツ以外をすべて非表示にしてから、ユーザーがページを使用するときにホームページをアニメーション化し、目的のページをアニメーション化するだけです。

お役に立てれば！

于 2013-01-27T14:17:14.387 に答える