我正在使用StickyPanel，Smooth-Scroll和Scrolly，我需要在偶数'页面'上修复（内容移动）背景，并且奇数'页面'上的视差背景（内容和背景移动彼此分开）。所以我的'页面'去甚至，奇数，甚至，奇数，甚至 。 'pages'是5个div，一个在另一个下面，每个div设置为宽度＆amp;浏览器窗口的高度，制作单页网站。
我遇到的问题是'页面'2＆amp; 4具有视差背景，背景错位。通过检查元素，我发现 Scrolly 设置的背景位置太远了，背景图像甚至都没有显示出来。 Scrolly 为您提供了两个属性，可以在具有滚动背景的元素上进行设置：
<div data-velocity=".3" data-fit="1000">
这些允许您设置Parallax元素的速度并分别设置相对背景位置。我发现当我使用data-fit属性调整背景时，它永远不会在正确的位置，因为“页面”以及背景高度相对于浏览器窗口。
我需要背景来始终覆盖div，即如果背景图像是没有透明度的图像，那么div的背景颜色将永远不会显示。
我认为将背景设置为比浏览器窗口大10％左右可能会有所帮助，但我不知道该怎么做。
这是jsFiddle，虽然由于某种原因，背景图片不会显示在“页面”5上。我还将背景图像设置为占位符，并将div设置为具有随机背景颜色，在开发过程中轻松自如
这是一个难以解释的问题，所以我可能没有彻底传达我的观点。如果我想到一个更好的解释问题的方法，我会更新我的帖子。
由于
答案 0 :(得分：0)
好的，这是一个简单的，但终于想通了。我在使用JS获取页面高度，获得130％的页面高度然后将背景图像设置为css的时候，我意识到我可以在CSS中设置它....所以我设置了背景 - 大小到100％130％，然后它只是用data-fit属性完善它的情况。现在它已经足够接近我的喜好了。
background-size: 100% 130%;