多くのウェブサイト(Hulu.comなど)に非常に興味深いページ遷移があることに気づきました。彼らはなんとかページからフェードアウトして新しいページにフェードアウトします。
これはjQuery/Javascriptでどのように達成されますか。どういうわけか.jsを両方のWebページにリンクする必要がありますか?どうすればいいですか?
多くのウェブサイト(Hulu.comなど)に非常に興味深いページ遷移があることに気づきました。彼らはなんとかページからフェードアウトして新しいページにフェードアウトします。
これはjQuery/Javascriptでどのように達成されますか。どういうわけか.jsを両方のWebページにリンクする必要がありますか?どうすればいいですか?
History APIの PushState 部分( pjaxはこれを既存のサイトに追加する優れた方法です) と jQuery を組み合わせてこれを行うことができます。これが github の処理方法です (ソース コードのフォルダーを参照して、URL を確認してください)。pjax でできることは<a>
、ページがリダイレクトされる前にクリックをインターセプトし、ajax 経由で読み込まれるページをフェッチし、ページに HTML を挿入し (これは のような jQuery アニメーションで制御できますfadeIn()
)、ブラウザの URL を更新して、ページがブックマークしました。
両方のページで .js 参照は必要ありません。前のページだけです。ほとんどのトランジションをサポートする jQuery 用のプラグインが多数あります。
2010 年の日付ではありますが、これはかなり包括的なリストのように見えます。 http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/