Как сделать чтобы скрипт применялся к одному id

Question

Есть скрипт параллакс эффекта при движении мыши. Подскажите, как сделать, чтобы данный скрипт применить только к одной секции 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)';
    });

Answer 1

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

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

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

БЛОГ НА HUSL

Как сделать чтобы скрипт применялся к одному id

Ответы (1 шт):