jquery - Full Page 和 Skrollr 不兼容 - 带有附加到滚动条的固定对象的 slider 站点

标签 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.

我需要用我自己的想法和选择的工具从上面的视频中制作这些效果: 我找到了用于垂直和水平滚动全屏 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/

相关文章:

javascript - 制作我自己的 jquery 分页

javascript - 如果 rtl,则更改焦点处的输入文本语言

javascript - 如何获取动态ID?

html - 在 div 中居中图像而不裁剪图像和 overflow hidden

html - Bootstrap 自动调整背景图像

c++ - 视差映射过程中的怪异分层效果

javascript - 网站显示效果中的视差滚动(盗梦空间风格)

html - 背景图像在手机上放大显示

javascript - 尝试按百分比增加进度条

html - 所有页面上的CSS @page background-images?