使用JavaScript进行视差水平滚动(找到屏幕的50%)

时间:2014-02-28 21:32:27

标签: javascript html css web parallax

我正在使用此代码进行垂直滚动,并且工作正常:

$('.flapleftclass').css('top',(0+(scrolled*0.5))+'px');

它有效,因为我引用了顶部。这个(下面)适用于水平,但'.flapleftclass'将x值更改为您拥有的屏幕尺寸。我需要的是找到屏幕的中心(50%)。那可能吗? (比如把50%而不是960(就像现在这样))

$('.flapleftclass').css('left',(960+(scrolled*0.5))+'px');

1 个答案:

答案 0 :(得分:0)

感谢Martin Carneys的链接,我做了一个简单的重写,它的确有效:

$('.flapleftclass').css('left',($(window).width()/2+(scrolled*0.5))+'px');