Javascript 如何在html导航栏单击之间实现平滑过渡

我在下一页有一个导航栏

---

单击“主页”或“关于”按钮会导致整个页面重新加载，首先在左上角出现字符串，然后再加载导航页面。它不是平稳过渡。造成这种情况的原因是，在浏览页面时，整个HTML、CSS和JavaScript都会被加载。然后浏览器可以解释HTML中的JavaScript，它负责加载导航：

$（函数（）{
$（“#导航占位符”）.load（“navigation.html”）；
});

为了解决这个问题，您可以单击导航加载/更改您的内容。在index.html中，可以指定设置内容的方法

$（“#content”）.load（“index2.html”）//加载初始内容
函数（url）{
$（“#内容”）.load（url）；
}

然后在导航通话中 使列表项调用以下函数：

主页
关于

最后一个项目完全没有链接，现在导航不起作用了我想我现在已经修好了，看起来很棒，谢谢