Как сделать чтобы при скроле страницы для каждого элемента была своя непрозрачность?

Question

[Дмитрий Смирнов]

Как сделать чтобы у каждого класса tweet была разная непрозрачность, в зависимости от скролла страницы?
А так же чтобы работало и в обратную сторону тоже.

$(window).scroll(function(){
            var top = $(window).scrollTop();
            var opacity = top > 500 ? 1 : top * 2 / 1000;
           $('.tweet').each(function () {
              $(this).css('opacity', opacity);
           })
        });

Comments

[Андрей Токмаков]

Раскрою секрет - top * 2 / 1000 это тоже самое, что top / 500

Answer 1

[Stalker_RED]

Например так:

$(window).scroll(function(){
    $('.tweet').each(function () {
        $(this).css('opacity', Math.random());
    })
});

Сейчас вы конечно скажете что это жесть, и вы хотели что-то другое, и попытаетесь объяснить подробнее.

Comments

[Никита]

вот так делать не надо, у вас на каждое смещение (даже 1px) будет выполняться ваш код,
Вы загоните браузер в лаги, для таких задач придумали функцию паттерн debounce (Или в простонародье тормозилка)

[Stalker_RED]

Никита: я в курсе что это тормозилка, кроме того она делает всем блокам рандомную прозрачность.
Но так как автор поленился описать какую прозрачность он хочет - это покатит за первую версию.