Сделал для сайта кнопку "наверх", и хочу что бы она плавно появлялась при прокрутке страницы вниз (как в ВК), но что бы её прозрачность зависела он расстояния прокрутки. Получился такой код:
var h = window.outerHeight,
t = window.innerHeight,
r = 0;
$(window).scroll(function() {
r = $(window).scrollTop() - t;
if (r > getDocumentHeight() - 200) {
$('#ToTop').css({
opacity: 1
});
$('#ToTop').css({
display: 'block'
});
}
if (r > 0) {
var op = r / 1000;
$('#ToTop').css({
opacity: op
});
$('#ToTop').css({
display: 'block'
});
} else $('#ToTop').css({
display: 'none'
});
});
Но проблема в том, что цифры прозрачности в CSS то меняются, а вот сама кнопка изменяется только при остановке прокрутки страницы. На пример кнопка "Вверх" в вк меняет прозрачность именно в процессе прокрутки. Подскажите как такое можно реализовать.