Как написать такой эффект на css?

Question

[therealvetalhidden]

Есть футер, высота 100px, в правом нижнем углу должна находится кнопка. Нужно сделать так - если контент большой, то пока листаешь кнопка должна находится в правом нижнем углу, если опустился в самый низ - то кнопка должна становится выше футера. Как такое реализовать можно?

Answer 1

[Danil Namaste]

Делал недавно подобную реализацию, верстка на wp (форма "Офрмить заказ")

$(function(){
 var topPos = $('.floating').offset().top;
  $(window).scroll(function() { 
  var top = $(document).scrollTop(),
	  pip = $('footer').offset().top, //расстояние до подвала от верха окна браузера
	  height = $('.floating').outerHeight(); //получаем значение высоты пл.блока
  if (top > topPos && top < pip - height) {$('.floating').addClass('fixed').fadeIn();} //блок будет виден, если значения соответствуют указанным
  else if (top > pip - height) {$('.floating').fadeOut(100);} //блок скроется когда достигнет заданного расстояния
  else {$('.floating').removeClass('fixed');}
  });
});

Если знаете jquery, должны понять

Answer 2

[Пират Карибского моря]

Если я правильно понял, то вот:

.footer {
position:fixed; 
}

Answer 3

[Orbb]

если правильно понял, то тут только onscroll поможет learn.javascript.ru/event-onscroll