好的,伙计们,我似乎无法理解的是,在单页网站上,您如何在使用 scrollto 功能时链接到某些页面/div。
如果你看看Ultranoir.com
您可以看到该站点是使用单页格式构建的,但是如果您查看 url 字段,它会导航到子文件夹等,但仍会动态加载所有内容。他们如何在保持干净有序的同时达到这种效果?在我当前的网站上,即使我浏览页面,它也会保留在 www.url.com/index.html 上。有什么帮助吗?谢谢!
好的,伙计们,我似乎无法理解的是,在单页网站上,您如何在使用 scrollto 功能时链接到某些页面/div。
如果你看看Ultranoir.com
您可以看到该站点是使用单页格式构建的,但是如果您查看 url 字段,它会导航到子文件夹等,但仍会动态加载所有内容。他们如何在保持干净有序的同时达到这种效果?在我当前的网站上,即使我浏览页面,它也会保留在 www.url.com/index.html 上。有什么帮助吗?谢谢!
他们通过滥用片段标识符来做到这一点。现代方法将利用 pushState
他们使用哈希标签来动态加载页面的不同部分。如果你添加即 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