php - PHP/jQuery 页面变更过渡

Question

基本上我想复制这里找到的页面更改效果，在http://timvandamme.com/

但是我不想使用#values，而是想使用 PHP 包含，主要是因为我希望网站尽可能地对 uber-seo 友好......但仍然有这个很好的效果。

那么有没有办法做到这一点？我有一个主索引文件，它使用通常的方法在中心包含其他 php 文件'GET'，所以我的页面看起来像："index.php?page=about"

在我的 jQuery 代码中，我想要一个声明，如果我单击导航，内容会向上滚动，然后在相关 PHP 文件加载后，让内容向下滚动并显示新页面内容（同时导航到地址栏中的新页面，因此如果用户单击浏览器中的后退按钮，他们将返回上一页）。

我知道如何编码滚动位，它只是字面上的 ajax 加载包括/页面导航部分，我正在努力解决：\

任何帮助将非常感激！提前致谢。

score 1 · Accepted Answer

在导航中使用标准链接。在您的 onClick 函数中，用于event.preventDefault()防止页面重定向您的实际用户（但它们仍然显示为搜索引擎的正常链接）。

<a href="/next-page/">Foo</a>
<script>$("a").click(function(event){
    event.preventDefault();
    navigate($(this).attr('href'));
});</script>

使用链接的 onClick 功能通过 AJAX 更改页面的内容（就像它出现在您链接的站点上一样），但另外设置每个“页面”（使用错误文档，mod_rewrite 或其他东西）以显示其内容，但允许以同样的方式导航。通过这样做，您将拥有与您想要的搜索友好性相同的功能。

score 0 · Accepted Answer

除此之外，一些搜索引擎了解这个问题并提供站点地图实用程序。您可以在此处查看 google 的站点地图解决方案：

站点地图将允许您明确告知 google 某些 uri（如http://timvandamme.com/#about）。

2 回答 2