2012-09-29 37 views
3

可能不是最好的标题,但我正在寻找是创建一个类似于这个“被劫持”垂直滚动效果的网站的最佳方法。jquery滚动效果的方法(scrollpoints,水平滚动“劫持”)

基本上我知道如何做到这一点只是滚动下来(即如果滚动位置是100,淡出某些东西,设置固定等),我不能让我的头是如何使除非我使用一些疯狂的条件和东西,否则它会双向工作。

找不到合适的词来或者调用这个效果,我的一切搜索导致paralax插件..

任何提示/模式/链接,会帮助我吗?

谢谢!

//编辑什么mdot正在做的是将整个页面拆分为帧(1px 1帧),然后为所有52个元素分配样式到每个帧,所以每个滚动像素有52个样式被设置..必须是更好的方式,还是?

回答

2

也许skrollr是你想要的。它非常轻巧,不会妨碍您的工作。

+0

看起来不错,仍然想知道如何(或什么是最好的方式)来做到这一点,而不是使用插件,我会检查他是如何做到的,到目前为止它看起来与他们正在使用的类似mdot(为每个框架分配CSS样式)..谢谢。 – foxx

+0

您不需要为每个帧执行此操作。 skrollr自动插入它们之间的值。 – Prinzhorn

+0

我刚刚意识到你是制作skrollr的人,首先是出色的工作,其次,我仍然乐于从头开始制作简化版本。如果我给你写了一封电子邮件,你会介意给我几个答案吗?干杯.. 除此之外,接受你的答案,对于只希望不知道它是如何工作的人来说,只需要完成parallax-y网站就可以了:) – foxx

0

我能在谷歌上挖掘出http://johnpolacek.github.com/scrolldeck.js/,其中一个例子有动画,可以在两个方向上工作,而且看起来相对好 - 通过应该是一个好的开始。

+0

我知道的..那个特定的例子是使用http://johnpolacek.github.com/scrollorama/这是非常该死的沉重的重量,并做我不需要的东西的负载..我会看看他如何做scrollup/scrolldown fadein/fadeout尽管.. – foxx

0

检查酷scrollpath乔尔Besada:

https://github.com/JoelBesada/scrollpath

演示here

+0

已经建成一个网站在http://juniorakademie.cz,它离我所需要的地方很远:) – foxx

+0

啊,好的,可惜我的回答无法帮助你,希望你在其他地方找到答案:-) btw该网站是非常很好,很好! – Nelson