0

Есть скрипт параллакс эффекта при движении мыши. Подскажите, как сделать, чтобы данный скрипт применить только к одной секции id (одному идентификатору) ??

let bg = document.querySelector('.mouse-parallax-bg');
    window.addEventListener('mousemove', function(e) {
        let x = e.clientX / window.innerWidth;
        let y = e.clientY / window.innerHeight;  
        bg.style.transform = 'translate(-' + x * 20 + 'px, -' + y * 20 + 'px)';
    });

1 ответ 1

0

Вопрос понятен не до конца, но есть предположение, что Вам может подойти

  1. querySelectorAll('.mouse-parallax-bg')[i], где i - число, означающее позицию нужного Вам элемента.
  2. getElementById('id') вместо querySelector('.mouse-parallax-bg'), но в таком случае у всех нужных элементов нужны id

UPD учитывая комментарий: Тогда наверное можно взять по id сначала через getElementById('id'), а потом обратиться с поиском не к document, а к результату по id Что-то вроде document.getElementById('stages').querySelector('.mouse-parallax-bg') должно получиться

2
  • Я имел ввиду, чтобы данный параллакс применялся к одной секции. То-есть section id="stages" 21 мая 2021 в 8:22
  • Обновил ответ с учетом Вашего коммента
    – handowl
    21 мая 2021 в 8:40

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.