Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 两部分主页,如tumblr起始页_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 两部分主页,如tumblr起始页

Javascript 两部分主页,如tumblr起始页,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我打赌你们每个人都看过www.tumblr.com 在底部的注册页面上,您可以看到“30个原因…”链接,该链接将整个页面向上滑动,并显示第二个原因 我找到了一种方法,将两个面合并成一个,然后滚动到第二部分,但是tumblr似乎有两个不同的页面,它们以某种方式通过幻灯片效果交换 我很确定这是用jQuery完成的,但我还没有找到更多关于如何实现这种功能的信息 这是一个纯粹出于兴趣的问题,因为我真的很喜欢效果=) 如果有人能给我一个这样做的提示,那就太好了 提前感谢,, 塞巴斯蒂安这确实是一个很好的效

我打赌你们每个人都看过www.tumblr.com 在底部的注册页面上,您可以看到“30个原因…”链接,该链接将整个页面向上滑动,并显示第二个原因

我找到了一种方法,将两个面合并成一个,然后滚动到第二部分,但是tumblr似乎有两个不同的页面,它们以某种方式通过幻灯片效果交换

我很确定这是用jQuery完成的,但我还没有找到更多关于如何实现这种功能的信息

这是一个纯粹出于兴趣的问题,因为我真的很喜欢效果=)

如果有人能给我一个这样做的提示,那就太好了

提前感谢,,
塞巴斯蒂安

这确实是一个很好的效果。它实际上是CSS和javascript的结合。我肯定会使用jQuery。我制作了一个小jsFiddle来向您展示如何做到这一点:


您可以使用jQuery手风琴,也可以使用带显示/隐藏的两个div的幻灯片效果。或者用带有淡入淡出和滑动效果的jQuery替换div。有很多方法。现在还不行-我需要更多的声誉,我是stackoverflow的新手=)啊,是的,没问题。这是一个很棒的网站。这肯定给了我很多!