2017-04-18 14 views
1

thisのようなサイトはどのようにURLをシームレスに変更しますか?シームレスなURL変更

あなたはこのリンクをスクロールすると、それはからの移行やURLの変更アニメーション化:

http://www.e-types.com/work 

http://www.e-types.com/ 

をそして、あなたは任意のちらつきやロード時間なしで、それが戻って移行ロゴをクリックした場合。彼らはどのような方法を使用している任意のアイデア?

お時間をいただきありがとうございます。

+1

はこれを参照してください:http://stackoverflow.com/questions/14660580/change-url-when-manually-scrolled-to-an-anchor –

+0

クエリをしてください対応するために@HarshaWの答えを参照してください。 :) – CodeMonkey

+0

手動でアンカーにスクロールすると[URLを変更する]の可能な複製?(http://stackoverflow.com/questions/14660580/change-url-when-manually-scrolled-to-an-anchor) –

答えて

1

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

を他の人気のツールと同様のもの:

+0

また、JS + jQueryを使用した方が簡単です –

+0

@ RokoC.Buljanこの2つの側面を処理するプラグインは見つかりませんでした。あなたが持っているなら、私はそれを追加してうれしいです。 – Cobaltway