Привет!
Есть 2а дива:
<div class="leftCol" height="200px;"></div>
<div class="rightCol" height="1000px;"></div>
Нужен скролл но максимально чтоб скролился до высоты rightCol
Написал такой вариант:
$(window).scroll(function() {
var rightColHeight = parseInt($('.rightCol').css('height'));
var leftColHeight = parseInt($('.leftCol').css('height'));
var leftColTop = parseInt($('.leftCol').offset().top);
var rightColTop = $('.rightCol').offset().top;
var heightScroll = rightColHeight-leftColHeight;
if(leftColTop > heightScroll) {
$('.leftCol').css('position','relative').css('top',heightScroll+'px');
}
});
Вниз нормально опускается но проблема в том что когда скролю вверх он стоит на месте. Как исправить это ?