Прокрутка по divs, продолжает прыгать в начало страницы

Question

Первый клик берет пользователя в нижней части окна. Второй клик должен принять пользователя в нижней части , что поле. Однако это не так. Он просто перескакивает в самую верхнюю часть браузера и остается там.

Как это исправить?

$(document).ready(function() { 
    $(".box1").click(function() { 
     $("body").animate({ scrollTop: $('.box1')[0].scrollHeight}, 1000); 
    }); 
    $(".box2").click(function() { 
     $("body").animate({ scrollTop: $('.box2')[0].scrollHeight}, 1000); 
    });  
}); 

Answer 1

Попробуйте это,

$(document).ready(function() { 
    $(".box1, .box2").click(function() { 
     $("body").animate({ scrollTop: $(this).position().top + this.scrollHeight}, 1000); 
    }); 
}); 

Demo - http://jsfiddle.net/TLQq4/

Answer 2

Попробуйте это: - добавить селектор HTML, а

$(document).ready(function() { 
    $(".box1").click(function() { 
     $("html,body").animate({ scrollTop: $('.box1')[0].scrollHeight}, 1000); 
    }); 
    $(".box2").click(function() { 
     $("html,body").animate({ scrollTop: $('.box2')[0].scrollHeight}, 1000); 
    });  
});