Jquery scrollTop движется без прокрутки до целевого элемента

Question

У меня есть родитель div#content-area-steps, с overflow-y: scroll, который содержит элементы формы. когда я прокручиваю до нижней части div и если элемент отсутствует в центре формы, прокрутка достигает верхней части родительского div, но не нацеливается на родительский элемент.

if(app.car.price<=0 || app.car.price>1000000000 || app.car.price==""){
        $('#price_label').css('color','red');
        $('#content-area-steps').animate({
            scrollTop: $("#price_label").offset().top
        }, 1000);

        return false;
}

Answer 1

попробуйте

 if(app.car.price<=0 || app.car.price>1000000000 || app.car.price==""){
          $('#price_label').css('color','red');
          var top = $(this).position().top
          $('#content-area-steps').animate({
                 scrollTop: top
           }, 1000);
           return false;
 }