数据-图像-源(Parallax.js)不能正常工作

Question

我使用Parallax.js，但它不能正常工作。我已经用过这个库好几次了，但是这一次<div />会自动扩展style="background-image: ......" X(可能是其他脚本阻止的)。

 <div class="parallax" data-parallax="scroll" data-image-src="./assets/img/top.jpeg" data-speed="0.6" data-position="center top">
 </div>

目前：

 <div class="parallax" data-parallax="scroll" data-image-src="./assets/img/top.jpeg" data-speed="0.6" data-position="center top" style="background: url("./assets/img/top.jpeg") center top / cover;">
 </div>

应该是：

 <div class="parallax" data-parallax="scroll" data-image-src="./assets/img/top.jpeg" data-speed="0.6" data-position="center top">
 </div>

Answer 1

加载DOM后，可以删除style属性。

​

document.addEventListener('DOMContentLoaded',  () => {
    const div = document.querySelector('.parallax');
    div.removeAttribute('style');
});

<div class="parallax" data-parallax="scroll" data-image-src="./assets/img/top.jpeg" data-speed="0.6" data-position="center top">
</div>

​