Как сделать значение высоты пикселя в моем коде динамическим? ⇐ Html

[Anonymous]

Я создал небольшой скрипт, позволяющий выбранным объектам проявляться при прокрутке вниз. Моя проблема в том, что этот сценарий довольно статичен. Если бы я применил это, скажем, к 20 различным объектам, мне пришлось бы каждый раз устанавливать высоту. Вот пример:

Код: Выделить всё

$(document).ready(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 500) {
$(".header-js-scroll-fade").css({"opacity" : "1"});
$(".home-vorteile").addClass("header-img-fade-in-by-scroll");
}
else {
$(".header-js-scroll-fade").css({"opacity" : "0"});
$(".home-vorteile").removeClass("header-img-fade-in-by-scroll");
}
});
});

Код: Выделить всё

.header-js-scroll-fade {
opacity: 0;
transition: 0.5s;
}

Код: Выделить всё

Vertrauen durch,



[img]https://via.placeholder.com/500[/img]
Sicherheit.

[img]https://via.placeholder.com/500[/img]
Neueste KI Technik.

[img]https://via.placeholder.com/500[/img]
Beste Materialien.

Подробнее здесь: https://stackoverflow.com/questions/572 ... de-dynamic