我正忙着建立一个单页网站。页面的基本布局如下 - 一个部分在另一个部分之下：
- 标题和导航
- 内容第 1 部分（关于我们的示例）
- 内容部分 2（示例产品）
- 内容第 3 部分（示例客户端）
- 页脚
每个部分内部都有一个小菜单，用于 ajax 特定部分的内容。所以产品部分会有一个产品标题菜单，一旦点击，产品详细信息将被 ajaxed。
我可以用普通技术来做这些，但问题是，我需要网站是 SEO 友好的，并且被谷歌索引/抓取。
我以前从未使用过它，但 history.js 看起来很有希望。我已经进行了一些测试，但找不到针对我的特定问题的资源。我也愿意接受其他建议。所有 Ajaxed 内容将是单独的 HTML 文件 - 用于 SEO，因此使用 history.js 对我来说听起来不错。
具体问题：
- 当用户向下滚动时，通过每个不同的部分，URL 应该会相应地改变。
- 每个部分中的 ajaxed 内容也应该更改 URL。
- 谷歌应该能够抓取网站索引的单独页面。
- 我可以使用 history.js 更改页面中的所有内容，但是有没有办法定位我的部分，所以它只更改我想要的部分中的内容，而不是页面上的所有内容？