大家好！
所以，我正在尝试使用skrollr.js实现视差。这是我的第一次尝试，我正在拔头发。我一直在网上搜索Google，YouTube和StackOverflow。我试图在类似于this example的标题图像上实现视差效果，除了图像不需要是视口的全高度，我只需要一个图像来产生视差效果。我想在Squarespace的页面上找到非常similar to this的内容。
我一直在尝试简单地使用Skrollr.js repo中提供的示例中的代码。但经过数小时的失败后，我转向可信赖的SO社区！
Here is the page我目前正在测试视差标题图片。
班级.scollable-between和.scrollable-after正在滚动中更改，但没有任何事情发生。此外，我正在尝试为移动设备实现此功能，但我甚至无法在移动设备上滚动页面。
任何帮助当然感谢！非常感谢你！
答案 0 :(得分：0)
几个问题：
首先，position：fixed确实不能与skrollr一起使用...每当在元素上启用时，相对于滚动元素的位置基本上不再存在，并且skrollr事件停止触发。
其次，看起来像背景图像（.parallax-image）的元素都被类'.skrollr-between'显示，并且还有一个transform-3d属性。当我使用检查器禁用tranform3d属性时，我可以看到图像。
看起来你正在结合两种视差方法：Skrollr是通过JavaScript实现它的一种方式，而CSS转换是一种不用Javascript就可以做到的方式...最好选择一个并滚动它
Skrollr / JS方法： https://ihatetomatoes.net/how-to-create-a-parallax-scrolling-website/
仅CSS方法： http://keithclark.co.uk/articles/pure-css-parallax-websites/