我正在编写一些代码来获取带有背景图像的某些div的固定滚动效果(所以div在页面中移动,但背景同时移动,就像一个简单的视差效果)
我开始使用jQuery但是,正如我在标题中所说,背景图像是生涩的(也就是说,我假设背景在几毫秒之前正常滚动,以便通过脚本在固定位置重置)。所以我也尝试没有jQuery来测试,但这不是问题。这不是我第一次在chrome上遇到这个问题......我试着设置一个-webkit-transform:translateZ(0);在我的el,以防万一,但没有效果。
这是我的(小)代码:
$(document).scroll(function() {
var el = document.getElementById('parentEl'), el2 = el.firstChild, top = 0;
el2.style.top = (window.pageYOffset-el.offsetTop)+'px';
})
这里的父亲是亲戚而着名的div绝对,但我也尝试使用相对div和backgroundPositionY,结果相同。
谢谢!