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