Эффект параллакса до определенной высоты скролла?

Question

[Чёкатилло]

Код:

$(window).scroll(function(e){
  parallax();
});
function parallax(){
  var scrolled = $(window).scrollTop();
  $('#lk-conteyner').css('top',+(scrolled*0.2)+'px');
}

Происходит параллакс влиянием на top блока
Как дополнить скрипт, что бы блок #lk-conteyner замирал на определенной высоте, а при скролле вверх снова был параллакс?

Answer 1

[display: block]

function parallax(){
  var scrolled = $(window).scrollTop();
  scrolled *= 0.2;
  if(scrolled > 400) return;
  $('#lk-conteyner').css('background-position','0 '+scrolled+'px');
}

Comments

[Чёкатилло]

Спасибо
Если так, то параллакс не замирает:

$(window).scroll(function(e){
  parallax();
});
function parallax(){
  var scrolled = $(window).scrollTop();
  scrolled *= 0.2;
  if(scrolled >400) return;
  $('#lk-conteyner').css('background-position','0 '+scrolled+'px');
}

[display: block]

Баба Яга, попробуйте другое ограничение на scrolled. Всё зависит от высоты вашей страницы и положения элемента с параллаксом на ней.

[Чёкатилло]

display: block, а понял Спасибо =)

[Чёкатилло]

display: block, Есть еще одна загвоздка по этой теме Учитывать при параллаксе фона background-position: 50% 50%?