html的一个有趣的图层+图片滑动

首先图片是这样的

接着我拖动滑动条是这样的

最后再拖动是这样

发现没有上面三张截图图的第二张图片不随拖动滑动条而滑动，拖动滑动条，图片整体不懂，只有图层上下滑动。随着图层滑动，图片隐藏，显现。下面是代码

   <div class="style4"></div>

   .style4{
                         height:800px;
                          width:500px;
                    
                         background-image:url("Car11.jpg");
                          background-repeat:no-repeat;
                          background-attachment:fixed;
                            
                }