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

时间:2012-10-08 20:05:42

标签: jquery pagination

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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

enter image description here

例如,在他们的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()

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