Вот скрипт который работает следующим образом : есть 7 блоков , между ними разстояние 100 px и они все находятся в блоке "timeline".В этом блоке если легонько прокрутить колесико мышки оно автоматически прокрутится к следующему блоку (типа как слайдер).Проблемка следующая: после блока таймлайн идут еще блоки (продолжение страницы одним словом) и прокрутка должна становится обычной. В коде прописано что если num > 7 num = 7
.В общем нужно чтобы если num > 7 функция останавливалась и пользователь крутит дальше вниз страницы НО ЕСЛИ ОН НАЧНЕТ КРУТИТЬ ВВЕРХ ПРОКРУТКА В ТАЙМЛАЙНЕ ОПЯТЬ ДОЛЖНА РАБОТАТЬ КАК ИЗНАЧАЛЬНО
var num = 1;
var scrolling = false;
$(".timeline").bind('mousewheel DOMMouseScroll', function(event) {
scroll(event);
});
function scroll(event) {
event.preventDefault();
if (!scrolling) {
scrolling = true;
if (event.originalEvent.wheelDelta < 0 || event.originalEvent.detail > 0) {
num++;
num = num > 7 ? 7 : num;
}
else {
num--;
num = num < 1 ? 1 : num;
}
$('html, .timeline').animate({
scrollTop: $(".num" + num).offset().top -100
},
500, "linear", function() {
scrolling = false;
});
}
}