Установить значение для :: before class

Question

У меня проблемы / ошибки при установке значения для моего .s8-templatesHeader :: bottom. Есть ли способ установить значение для дна?

var scrollPosition = window.scrollY;
var navigationContainer = document.getElementsByClassName('s8-templatesHeader')[0];
window.addEventListener('scroll', function() {

    scrollPosition = window.scrollY;

    if (scrollPosition >= 30) {
        navigationContainer.classList.add('scrolled');
        var templatesHeader = document.getElementsByClassName('s8-templatesHeader::before');
        templatesHeader.style.bottom = "0";
    } else {
        navigationContainer.classList.remove('scrolled');
    }

});