Изменение координаты при скролле?

Question

[merss]

КАк сделать чтобы во время скролла постоянно изменялась координата?
Делаю так, изменяется только один раз:

$(window).on('scroll',function() {
                $(elem).css('top', '+' + 20 + 'px');
            });

Answer 1

[Дима Паутов]

Она изменяется все время. Просто каждый раз устанавливается значение 20px. Вы же не суммируете с уже имеющимся значением.

$(window).on('scroll', function() {
  var elemTop = parseInt($('div').css('top')) + 20;
  
  console.log(elemTop);
  
  $('div').css('top', elemTop + 'px');
});

А нужному элементу в css дайте значение top: 0, если оно не стоит с другим значением

Фиддл

Answer 2

[Дмитрий Кравченко]

var $elem = $(elem), topValue = parseFloat($elem.css('top').replace('px','')) || 0;
$(window).on('scroll',function() {
  topValue += 20
  $elem.css('top', topValue + 'px');
});

Answer 3

[lega]

можно установить css стиль position: fixed; тогда элемент будет отображаться там же вне зависимости от скрола.