Ребят помогите доработать скрипт
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');
};
});