在不同的url之间进行无缝转换

Make a seamless transition between different urls

本文关键字:转换 之间 url      更新时间:2023-09-26

假设我有两个页面位于不同的url上:Home和Contact。我在主页上有一些奇特的CSS3效果,还有一个联系页面的链接。

当我点击联系人页面链接时,我想将一些主页元素从页面上滑下,或者使它们透明或其他什么,然后我只让浏览器加载联系人页面,但我想使这种转换尽可能无缝。理想情况下,为了达到一个页面网站的效果,我可以轻松地显示和隐藏页面元素。

如何做到最好?

  • 使用XMLHttpRequest加载内容
  • 使用历史API将URL更改为默认情况下加载联系人页面的URL
  • 使用CSS转换/动画移动内容