参考
这个更有用
html
单个元素选项中
data-stellar-background-ratio
比较常用。 接受一个正整数的值,可以改变它被应用到元素的影响速度。 例如, data-stellar-background-ratio="0.5"
意味着改变速度为自然滚动速度的一半。 如果想使这个属性值低于1,建议在样式表里设置 background-attachment: fixed;
。 <divclass="content"id="content3" data-stellar-background-ratio="0.5"></div>
css
background-attachment: fixed;
height:(比实际图片高度要小 才有视差)
js,引入jQuery和stellar就可以应用stellar
启动效应。设置一些常用选项(这些也可以不写,因为有时写上反而不能用。做好css和引入好js即可)
$.stellar({ horizontalScrolling: false, responsive: true});