整页和Skrollr不兼容 - 滑块站点,其中固定对象附加到滚动条

时间:2014-02-22 10:51:47

标签: jquery css parallax skrollr fullpage.js

我必须用自己的想法完成一些项目。

Here is the video where You can see all wanted features and behaviors.

以下是我正在学习的公司的人员制作的“正在进行中的版本”:podpiwekjedrzej.com。

Here is my Work in Progress current version.

我需要通过我自己的想法和选择工具从上面的视频中制作这些效果: 我发现FullPage.js用于垂直和水平滚动全屏滑块 - 站点。 对于滚动的对象,我找到了Skrollr.js。

立即

没有FullPage.js,Skrollr工作正常。 在Android平板电脑上我的当前版本正常工作,在我正在将浏览器窗口调整到非常小的尺寸时工作,但是它只能用键盘工作。 我还需要制作菜单的动画运动 - 哪种工具对此有好处? 所有人都必须做出回应。

我不能继续这个项目,因为关键功能阻止了我。

我刚开始学习jQuery和JS,所以我不能为此编写自编代码。

请帮忙。

1 个答案:

答案 0 :(得分:0)

我没有使用过skrollr.js,但您可以使用paralax和fullpage(例如http://www.saltaboombox.com.ar/)来查看其他页面以获取想法或了解他们是如何做到的。

fullpage和一些paralax插件的问题在于,当使用fullpage.js时,你实际上并不是在滚动,而是更改站点的top属性(或添加css3 translade3d效果)。

无论如何,我建议您在<head></head>之间添加脚本。 Fullpage在身体上运行,避免出现问题的方法是在标题中包含所有脚本。