data-image-src（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>