Ruslan_xDD,
 
danik.js,
 Ребят помогите доработать скрипт
http://upollster.ru/test/
Если я опускаю вертикальный скролл вниз то там срабатывает условие:
Если до самого низа осталось меньше 60 пикселей то к классу .bottom прибавляем количество оставшихся пикселей до конца, т.е. после того как осталось 60 рпикселей, у класса .bottom поялвяется bottom:++;
Но беда в том, то когда я меняю размер браузерного окна, то при скроле опять получается отсуп а мне ненужно это -(
Попробуйте у себя так нагляднее будет... 
Вот скрипт:
var $div = $(window),
    $scroll = $('#scroll'),
    $inner = $('body'),
    innerHeight = $inner.outerHeight(),
    divHeight = $div.innerHeight();
$div.scroll(function() {
    var scrollBottom = innerHeight - divHeight - $div.scrollTop();
     $scroll.val(scrollBottom + ' px');
     if (scrollBottom<=60) {
      $('.bottom').addClass('red');
      $('.bottom').css('bottom', 110 -scrollBottom);
     }else{
      $('.bottom').css('bottom', 50 );
      $('.bottom').removeClass('red');
     };
});