stellar.js 视差滚动
1.引入包 <script src="js/jquery.min.js"></script> <script src="js/jquery.stellar.js"></script> 2.设置 设置视差元素的随页面滚动的速率 data-stellar-background-ratio="0.3" //数值越大滚动越快 凡是需要做视差滚动的都需要加上样式 background-attachment: fixed; 3.初始化 $( function () { $.stellar({ horizontalScrolling: false , verticalScrolling: true , }); }); ============================================================== $.stellar({ // 设置滚动的方向是“竖直方向”还是“水平方向”，或者两个方向都有 horizontalScrolling: true , // 默认水平方向开启滚动 verticalScrolling: true , // 默认竖直方向开启滚动 // 设置全局偏移 horizontalOffset: 0, // 默认水平偏移为0 verticalOffset: 0, // 默认竖直偏移为0 // 窗口加载完毕或者改变大小时是否刷新滚动元素