Как остановить движение элемента offset.left?

Question

[Макс Darkleviathan]

Есть такой блок:

Как мне остановить его движение вправо на определенной величине?

Answer 1

[Алексей Дубровин]

Базовая конструкция которая изучается на 2м этапе после переменных.
if - условие, которое принимает в себя bool

if(true){
Выполняем код
}
if(false){
Не выполняем код
}

В вашем случае

if(текущее значение "величины" < "величины" на которой происходит остановка){
Выполняем действие
}

Comments

[Макс Darkleviathan]

Это понятно. Как отловить значение?

И что значит не выполняем действие? В первом я так понимаю

if($('#animate').css('left') < '150px')  {
   $(".animate").css("left", st + offset.left);
}

А что во втором?

else  {
   $("animate").css("left", "150px");
}

Но так не работает. Я даже проверку сделал.

var offset = $(".animate").offset();
console.log(offset.left);
$(window).scroll(function(event) {
  var st = $(this).scrollTop();
  $(".animate").css("left", st + offset.left);
  if ($(".animate").css('left') == '150px') {
  alert("150px");
  }
  
  
});

[Алексей Дубровин]

Макс Darkleviathan,
Проверка не работает потому-что вы её делаете не правильно.
Я не знаю jq но уверен что проверка с "==" особенно с прокруткой = один на миллион
Не выполняем действие это значит пишем один if

Инвертируем то что вы написали в

if (cord <='144.25'){
//Делаем
}

Код становится легче

[Макс Darkleviathan]

Алексей Дубровин, с инвертированием согласен.
В принципе немножко покрутил, и с координатой отрабатывает все хорошо. Пиксели ему почему-то не нравятся и поэтому ничего не работало. В любом случае спасибо, натолкнули на мысль, когда глаз уже замылен.

Answer 2

[Макс Darkleviathan]

Вот итоговый код, возможно кому-то пригодится.

var offset = $('.animate').offset();
$(window).scroll(function(event) {
  var st = $(this).scrollTop();  
  var cord = st + offset.left;
  if (cord <= '144.25'){
    $('.animate').css('left', st + offset.left);
  } 
});