我正在使用 github 使用的这个插件来实现它的视差效果:
https://github.com/cameronmcefee/plax
这是一个很棒的插件,但我想在一个页面上多次使用它。
//PLAX - ONE
$('#one img').plaxify()
$('#one .back').plaxify({ "xRange": 50, "yRange": 0 })
$('#one .front').plaxify({ "xRange": 30, "yRange": 0, "invert": true })
$.plax.enable({ "activityTarget": $('#one ') })
//PLAX - TWO
$('#two img').plaxify()
$('#two .back').plaxify({ "xRange": 50, "yRange": 0, "invert": true })
$('#two .front').plaxify({ "xRange": 30, "yRange": 0 })
$.plax.enable({ "activityTarget": $('#two ') })
所以这是行不通的,我相信我可以做一些简单的事情来让它工作。