一页网站和链接

Question

好吧，伙计们，我似乎无法理解的是，在一个单页网站上，您如何在使用 scrollto 功能时链接到某些页面/div。

如果你看Ultranoir.com

您可以看到该站点是使用单页格式构建的，但是如果您查看 url 字段，它会导航到子文件夹等，但仍会动态加载所有内容。他们如何在保持整洁有序的同时达到这种效果？在我当前的网站上，即使我浏览页面，它也会保留在 www.url.com/index.html 上。有什么帮助吗？谢谢！

Answer 1

他们使用哈希标签来动态加载页面的不同部分。如果你添加即 index.html#!/blog 或 index.html#!/about

您可以在客户端使用javascript解析url，并根据url通过ajax加载正确的内容。

查看此页面以查看使用 php 和 JQuery 实现此功能的示例：http://www.queness.com/post/328/a-simple-ajax-driven-website-with-jqueryphp

Answer 2

他们是通过abusing the fragment identifier 来做的。现代方法将make use of pushState