Как сделать прилипающий блок с помощью js?

Question

[ravlex]

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

<script>
    jQuery(window).scroll(function(){
        if (jQuery(window).scrollTop() >= 500) {
    jQuery('.booking_form_request').addClass('fixed');
  } else {
    jQuery('.booking_form_request').removeClass('fixed');
  }
    });
</script>

Comments

[Максим Тимофеев]

а css где?

[ravlex]

Максим Тимофеев: А что в CSS Вы хотите увидеть? .booking_form_request блок с контентом, .fixed (position: fixed) соответственно добавляется к классу с контентом когда окно достигает определённой высоты.

[ravlex]

Реализую здесь japanflat.ru/properties/sunny-2-bedrooms-in-the-haight

[Максим Тимофеев]

ravlex: Там все отлично приливает, только не туда куда надо, а значит либо неправильно задан right. А еще у Вас body не растягивается по высоте

[ravlex]

Максим Тимофеев: Мне нужно чтобы он на футер не заезжал, чтобы до определённого блока сколлился (или до определённой высоты). Как это сделать?

[Максим Тимофеев]

ravlex: Решить вопрос в body

Answer 1

[Максим Тимофеев]

У Вас body не растягивается, может div не закрыт, хз
И у него высота 300, так что событие, когда отступ больше 500 не проиходит