如何通过在当前页面上滑动来加载新页面

Question

我喜欢这个网站向您展示某个项目详情的方式 http://www.craigandkarl.com/#!转到他们​​的工作部分，然后点击缩略图。我想复制这个效果。我试图获取与该网站相关的所有代码和文件，但当我尝试查看某个项目的详细信息时，我的页面会中断。

我可能不得不使用enter link description here来完成我需要完成的工作，但这不是克雷格和卡尔用于他们的投资组合。任何帮助将不胜感激。提前谢谢。

Answer 1

实现此效果的一种简单方法是让一个div向左飞出。 这can be accomplished easily with jQuery。

然后，您可以根据您按下的缩略图将要通过ajax加载的内容指定到此div中。再次，jQuery can do this。

以下是一个示例，您可以随意扩展以执行您想要的操作：http://jsfiddle.net/HVFhE/

但是，您可以通过检查此资源来查看此网站的用途：

例如，在他们的common.js

中

.animate({top: $(window).height() + 'px'}, 0)
.load('pages/project.cfm?projectid=' + $.address.parameter('projectid') + '&image=1&top=1', function() {
$('#project-2-footer').stop()

免责声明：我不主张窃取他人的代码。