<div class=“app”>
<!—Все содержимое здесь—>
</div>
.app {
position:relative;
overflow:hidden;
}
overflow:scroll;
function setOpacityOnScroll(className, scrollThreshold) {
var elements = document.getElementsByClassName(className);
Array.from(elements).forEach(function(element) {
window.addEventListener('scroll', function() {
// Получаем значение прокрутки страницы
var scrollTop = window.pageYOffset || document.documentElement.scrollTop;
// Вычисляем значение прозрачности в зависимости от прокрутки страницы
var opacity = 1 - (scrollTop / element.offsetHeight);
// Ограничиваем значение прозрачности от 0 до 1
opacity = Math.max(0, Math.min(1, opacity));
// Устанавливаем значение прозрачности элемента
element.style.opacity = opacity.toString();
// Если прокрутка превысила пороговое значение, устанавливаем прозрачность 0
if (scrollTop >= scrollThreshold) {
element.style.opacity = '0';
}
});
});
}
// Пример использования функции
setOpacityOnScroll('fixed-element', 500);