Анимация прокрутки до хэша внутри div не работает

Question

Почему это работает только тогда, когда прокрутка является самой страницей, но не внутри div? Я перемещаюсь в нужное место только без анимации.

$(document).ready(function(){ 

    $('a[href^="#"]').on('click',function (e) { 
    e.preventDefault(); 

    var target = this.hash; 
    var $target = $(target); 

    $('html, body').stop().animate({ 
     'scrollTop': $target.offset().top 
    }, 5000, function() { 
     window.location.hash = target; 
    }); 
    }); 
}); 

http://codepen.io/ilyador/pen/OPpWKd

Answer 1

изменения одушевленного к классу оберточного как это обновление вашего пера >> codePen << изменены на

$('.wrap').stop().animate({