Как заставить блок быть фиксированным в определенном месте на странице?

Question

[Рома]

Доброе утро. Есть страница, у которой есть блок калькулятора. Калькулятор длинный, поэтом решено было блок с "итогом" сделать фиксированным, чтоб при листании вниз вся информация была перед глазами + после блока с калькулятором идут еще блоки, фиксированный итог должен оставаться только в блоке калькулятора. Подскажите, как осуществить данную технологию? Спасибо

Answer 1

[Рома]

Нашел плагин - stickyfill https://github.com/wilddeer/stickyfill полностью удовлетворяет потребностям) вдруг кому-то пригодится

Answer 2

[Андрей Minisol]

делаем примерно такой класс:

.fixed{
   position: fixed;
   top: 0;//отступ сверху
   right: 0; //прижали вправо
}

предположим, что у блока который надо фиксировать класс .block_fixed

тогда делаем функцию на js (jquery)

var needOffset = 500;
$(window).scroll(function(event){
  if($(window).scrollTop() >= needOffset){
     $('.block_fixed').addClass('fixed');
  }else{
     $('.block_fixed').removeClass('fixed');

 }
});