javascript - jQuery:跨页面/url 移动 div

标签 javascript jquery html animation jquery-animate

是否可以使用 jQuery 或类似的 Web 技术在页面刷新时对 div 或任何其他 HTML 元素进行动画处理?

<小时/>

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

<小时/>

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

最佳答案

这是两件事的结合:

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

关于javascript - jQuery:跨页面/url 移动 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44748011/

相关文章:

javascript - 如何修复 CoCreateInstance 读取访问冲突?

javascript - 如何包含 jQuery?

jquery - CKEditor自定义图像浏览器

css - 我如何将这个结果放入 div 中?

javascript - 如何在我的页面上自动启动谷歌语音识别?

javascript - 如何仅验证表单的可见元素?

javascript - 如何创建dom元素,取决于填充输入

javascript - 添加监听器以跨越内容更改

javascript - 如何检测具有相同 ID 的已单击 div 文本

javascript - 如何在 AngularJS 单元测试中模拟像 'keypress' 或 'keydown' 这样的事件?