【问题标题】:jQuery: Move div across pages/url'sjQuery:跨页面/网址移动div
【发布时间】:2017-06-25 15:49:05
【问题描述】:

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


我在想类似Google Photos 搜索框动画。
单击输入时,元素保留,而页面的其余部分淡出,URL 更改。然后新元素淡入。


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

【问题讨论】:

  • Google 相册是一个 SPA - 单页应用程序。它实际上并没有导航到另一个页面。谷歌已经把window.history.pushState 变成了一门艺术。

标签: javascript jquery html animation jquery-animate


【解决方案1】:

这是两件事的结合:

  1. 典型动画(您可以使用 jQuery 通过添加类来实现,并将动画留给 CSS 或使用 jQuery Animations https://www.w3schools.com/jquery/jquery_animate.asp
  2. 历史 API (https://developer.mozilla.org/en-US/docs/Web/API/History_API) 您可以使用 URL 进行操作

【讨论】:

  • 所以在 GET 请求发出后不可能保留某些元素?
  • 即使没有 jQuery,您也可以基于 URL 显示/动画 DOM 元素。更多信息你会发现here
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-01-07
  • 1970-01-01
  • 1970-01-01
  • 2019-07-07
  • 1970-01-01
  • 1970-01-01
  • 2012-06-02
相关资源
最近更新 更多