如何在不影响背景的情况下更改网页内容?
Posted
技术标签:
【中文标题】如何在不影响背景的情况下更改网页内容?【英文标题】: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。
【讨论】:
以上是关于如何在不影响背景的情况下更改网页内容?的主要内容,如果未能解决你的问题,请参考以下文章
如何在不使用“内容长度”标头的情况下查看网页中的所有文件大小?
如何在不影响内容不透明度(悬停时)的情况下为背景不透明度设置动画?
在不影响导航栏的情况下更改 NavigationController 的内容视图宽度