css设置背景图片随滚动缓慢滚动_h5页面背景图很长要有滚动条滑动效果的实现...

最近做项目过程中，老大提了个很奇葩的要求

背景图铺满页面，他要求有滚动条可以滑动，他给我讲的思路是用js 获取背景图片的高，在获取当前窗口的高，两者比较，当窗口的高小于背景图片的高，把窗口的高设置成背景颜色的高。反之就是窗口的高。 感觉太麻烦，用css就可以实现他的要求

长背景图测试/title>

//body里面的属性min-height是关键，网上说直接设置成100vh即可，如果不可以可以自己微调

body{

background:url(./images/download_bg.png) no-repeat;

background-size:100%;

//方案1

min-height: 185vh;

//方案2，本质等价于方案一,如果两个方案是同时开启，则会使用高度更小的那个，已测试

//height:1200px;

}

#btn{

margin-top: 150px;

text-align: center;

}