1

我正在编写一些代码来获得一些带有背景图像的 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，结果相同。

谢谢 ！

4

0 回答 0