Блог

Главная - Вопросы по программированию - data-image-src(Parallax.js ) работает некорректно

data-image-src(Parallax.js ) работает некорректно

#javascript #jquery

#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. После загрузки страницы вы можете удалить style свойство.

Ответ №1:

style Свойство можно удалить после загрузки DOM.

 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>