jQuery:将 div 移过 pages/url

jQuery: Move div across pages/url's

是否可以使用 jQuery 或类似的网络技术在页面刷新时为 div 或任何其他 HTML 元素设置动画?


我在想 Google Photos 搜索框动画之类的东西。
单击输入时,元素保留,而页面的其余部分淡出并且 URL 发生变化。然后新元素淡出。


这必须通过以某种方式告诉浏览器一个元素应该在请求后保留在页面上并提供信息,它与请求加载的其他元素相同来实现。

这是两件事的结合:

  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
  3. 进行操作