我必须用自己的想法完成一些元素。
Here is the video where You can see all wanted features and behaviors.
这是我正在学习的公司的人制作的正在进行的版本:podpiwekjedrzej.com。
Here is my Work in Progress current version.
我需要用我自己的想法和选择的工具从上面的视频中制作这些效果: 我找到了用于垂直和水平滚动全屏 slider 站点的 FullPage.js。 对于滚动对象,我找到了 Skrollr.js。
现在:
没有 FullPage.js,Skrollr 运行良好。 在装有 Android 的平板电脑上,我当前的版本正在运行,在 PC 上,当我将浏览器窗口调整为非常小的尺寸时,它正在运行,但它仅适用于键盘。 我还需要制作菜单的动画移动 - 什么工具对此有好处? 所有人都必须响应。
我无法继续这个元素,因为主要功能阻止了我。
刚开始学习jQuery和JS,还不能自己写代码。
请帮忙。
最佳答案
我没有使用过 skrollr.js,但您可以使用视差和全页查看其他页面,例如 http://www.saltaboombox.com.ar/采纳想法或看看他们是如何做到的。
fullpage 和一些视差插件的问题在于,当使用 fullpage.js 时,您实际上并没有滚动,而是更改了 top
。站点的属性(或添加 css3 translade3d 效果)。
无论如何,我建议您在 <head>
之间添加脚本和 </head>
. Fullpage 在 body 上运行,避免问题的方法是将所有脚本都放在页眉中。
关于jquery - Full Page 和 Skrollr 不兼容 - 带有附加到滚动条的固定对象的 slider 站点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21953228/