Bir sitede görmüştüm yanda 5 tane buton vardı.O butonlara basarak bir sonraki div elementine gidebiliyordun yada mouse tekerliğini kaydırarakta bir sonraki div bölgesine geçebiliyordun bunu nasıl yapabilirim?

Burada bişiler yazmayı denedim şöyle onuda vereyim, framework olarak felan öneriniz varsa açığım.TIklayarak gitmek istemiyorum bu en kolayı zaten benim istediğim mouse tekerliğini kaydırdığında #section2 sonra biraz daha kaydırdığında #section3'e geçsin.

HTML Kodum:

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Lorem ipsum dolor sit amet consectetur adipisicing elit.

Javascript kodum:


$(document).scroll(function(){
var scroll_position = $(document).scrollTop();
$('.log').text(scroll_position);

// > 0

if (scroll_position > 100) {
$([document.documentElement, document.body]).animate({
scrollTop: $("#section2").offset().top
}, 2000);
} else if (scroll_position > 770) {
$([document.documentElement, document.body]).animate({
scrollTop: $("#section3").offset().top
}, 2000);
}
});