2017-06-25 9 views
0

jQueryなどのWebテクノロジを使用して、divやその他のHTML要素をページ更新時にアニメートすることはできますか?jQuery:ページ間でdivを移動する/ URLの


私はGoogle Photos検索ボックスのアニメーションのようなものを考えています。
入力をクリックすると要素は残り、残りのページはフェードアウトし、URLが変更されます。その後、新しい要素をフェードイン。


これは、それがロードされ、他の要素と同じであることを、要素が要求した後のページに残るべきだと何とかブラウザを伝えると情報を提供することで可能である必要があります要求と一緒に。

+1

GoogleフォトはSPAの単一ページアプリケーションです。実際には別のページに移動しません。 Googleは 'window.history.pushState'を美術にまで下げている。 –

答えて

1

これは、2つのものの組み合わせです:

  1. 典型的なアニメーション(あなたがクラスを追加することによって、jQueryを使っていることを行うと、CSSにアニメーションを残したり、jQueryのアニメーションhttps://www.w3schools.com/jquery/jquery_animate.aspを使用することができます)
  2. 履歴API(https://developer.mozilla.org/en-US/docs/Web/API/History_API)君URLで操作できます
+0

GET要求が行われた後に特定の要素を保持することはできません。 – jonhue

+1

jQueryを使わなくてもURLに基​​づいてDOM要素を表示/アニメーションできます。さらに詳しい情報はこちら[こちら](https://stackoverflow.com/questions/406192/get-current-url-in-javascript) – pkolawa

関連する問題