如何在不影响背景的情况下更改网页内容？

Posted 2023-02-19

【中文标题】如何在不影响背景的情况下更改网页内容？

【英文标题】：How to change web content without affecting background?

【发布时间】：2022-01-18 08:24:17

【问题描述】：

所以我有一个网站，其背景具有使用 CSS 动画的粒子效果。每当您切换页面时，粒子都会中断并重置。是否有任何解决方案允许我只更改页面的网页内容而不影响背景？从技术上讲，粒子是一种元素......在此先感谢！

【问题讨论】：

你能展示一下它是如何工作的吗？

【参考方案1】：

为了不中断动画，需要防止页面重新加载，使用AJAX+History API更新页面内部数据。这既可以在纯 JS 上完成，也可以使用 React (React-Router)、Vue (Vue-Router) 库等来完成。 事实上，您需要在您的网站上创建一个SPA。