thisのようなサイトはどのようにURLをシームレスに変更しますか?シームレスなURL変更
あなたはこのリンクをスクロールすると、それはからの移行やURLの変更アニメーション化:
http://www.e-types.com/work
へ
http://www.e-types.com/
をそして、あなたは任意のちらつきやロード時間なしで、それが戻って移行ロゴをクリックした場合。彼らはどのような方法を使用している任意のアイデア?
お時間をいただきありがとうございます。
thisのようなサイトはどのようにURLをシームレスに変更しますか?シームレスなURL変更
あなたはこのリンクをスクロールすると、それはからの移行やURLの変更アニメーション化:
http://www.e-types.com/work
へ
http://www.e-types.com/
をそして、あなたは任意のちらつきやロード時間なしで、それが戻って移行ロゴをクリックした場合。彼らはどのような方法を使用している任意のアイデア?
お時間をいただきありがとうございます。
1つのページ(1ページアプリケーション)しかないという考えがあります。
URLの変更はコメントでmentionnedとして、歴史のAPIによって処理されます。 https://developer.mozilla.org/en-US/docs/Web/API/History_API
しかし、それは唯一のアドレスを変更し、それが実際に完全なドキュメントをロードしません。したがって、javascriptはコンテンツ上で必要とする任意の遷移を行うことができます。
この機能を提供するライブラリはたくさんあります。
より具体的には、リンク先サイトはAngularJSを使用します。
あなたはこのアドレスでNG-アニメイト+ルータの完全な例を見つけることができます:また、行うことができます https://github.com/oblador/angular-scroll
:あなたが持つ単純なスクロールを使用することができ、何が必要に応じて https://github.com/cornflourblue/ng-animate-ui-router-example
を他の人気のツールと同様のもの:
また、JS + jQueryを使用した方が簡単です –
@ RokoC.Buljanこの2つの側面を処理するプラグインは見つかりませんでした。あなたが持っているなら、私はそれを追加してうれしいです。 – Cobaltway
はこれを参照してください:http://stackoverflow.com/questions/14660580/change-url-when-manually-scrolled-to-an-anchor –
クエリをしてください対応するために@HarshaWの答えを参照してください。 :) – CodeMonkey
手動でアンカーにスクロールすると[URLを変更する]の可能な複製?(http://stackoverflow.com/questions/14660580/change-url-when-manually-scrolled-to-an-anchor) –