林肯电影网站页面滑块

时间:2013-02-02 22:13:14

标签: jquery css css3 css-animations

我正在寻找一种类似于thelincolnmovie.com网站上可以找到的效果的效果。我尝试使用CSS3过渡重新创建它,但它并不是我想要的地方。

我的尝试可以在这里找到:http://jasenpeterson.com/12-Years/v4/

问题在于我不希望当前页面滑出而下一页要滑入(在此过程中显示主页)。我想让这些页面像林肯网站一样在彼此之上滑动。

我希望我能用CSS3完成这个,但我没有运气。我假设我必须用jQuery充实它。

我的谷歌搜索教程或文章让我开始结束失败。我不断获得不符合我需求的内容滑块的结果。

任何帮助将不胜感激!如果有任何问题,我可以澄清一下。

谢谢你。

  • JasenMP

1 个答案:

答案 0 :(得分:0)

我会使用Jquery平滑滚动条(参见this example)。它与那种效果非常相似,虽然我认为它实际上是在DIV的基础上叠加在一起的。但这只是对源代码的快速查看。

因此Lincon改变了网址:

example.com/?about

这项工作使用页面锚点,因此使用:

example.com/#about

值得注意的是,我看到有一些人说这很糟糕,因为谷歌只选择了一个页面并且它不会形成很好的形式,但我认为这是有争议的。