数据图像src(Parallax.js)无法正常工作

时间:2019-04-25 05:00:31

标签: javascript jquery

我使用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>

1 个答案:

答案 0 :(得分:0)

加载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>