使用视差滚动

Question

我正在尝试制作一个视差滚动，但在向上滚动后，似乎在100px左右出现奇怪的跳跃。当我拍摄背景图像时它工作正常。

注意：仅限于最大的媒体查询 - 打开jsfiddle并将运行区域扩展到最大可能，直到应用css样式。

注意：无法将图片上传到jsfiddle，替换为＆＃39; background-color：＆＃39; - 请参阅.home-bg{取消注释背景图像并使用示例图像进行测试。

.home-bg{
padding: 20% 0%;
/* where the image would be - use sample image, cannot upload this one to jsfiddle
background-image: url(images/homebg.jpg);
*/
background-color: #ff0000;
background-size: cover;
background-repeat: none;
background-attachment: fixed;
-webkit-transition: all 0.2 ease;
-moz-transition: all 0.2 ease;
transition: all 0.2 ease;
}

jsfiddle：https://jsfiddle.net/j4rcd4ys/