我找到了一个简单的代码,用jquery创建视差效果:
function parallax(intensity, element) {
$(window).scroll(function() {
var scrollTop = $(window).scrollTop();
var objPos = scrollTop / intensity + 'px';
element.css('transform', 'translateY(' + objPos + ')');
});
}
我完全理解这段代码是如何工作的,但是如何在不同的元素上应用呢?
例如#div1的强度为3,#div2的强度为5。
提前感谢您的帮助! :)
答案 0 :(得分:1)
您创建了该功能,现在只需要调用它:
parallax(3, $('#div1'));
parallax(5, $('#div2'));
试试这个,让我知道它是怎么回事。