окно не прокручивается плавно - angulajs jquery

Question

У меня есть один div (id = 'image-map-pro-container), который содержит один план сайта, который является коллекцией базового изображения + много маленьких изображений.Многие из этих изображений объединяются с помощью библиотеки изображений.

Когда я получаю доступ к этой странице на сервере, после того, как все загружено правильно, полоса прокрутки не прокручивает окно плавно.Существует значительное отставание.

Даже после нажатия кнопок, таких как «Прокрутка до низа» и «Прокрутка до верха», прокрутка не плавная, а с задержкой.

Пожалуйста, просмотрите страницу и предложите мне свое предложение по улучшениюскроллинг опыта.

URL: http://54.225.18.101:8081/community/hideSidebar

Код для прокрутки:

$('#btnClickTop').click(function(){                
            $('#image-map-pro-container').animate({
                scrollTop: 0
            }, 100, function(){
                $('#btnClickTop').hide(); 
                $('#btnClickBottom').show();
            });

        })
        $('#btnClickBottom').click(function(){
            $('#image-map-pro-container').animate({
                scrollTop: $(this).offset().top + 1080
            }, 100, function(){
                $('#btnClickTop').show(); 
                $('#btnClickBottom').hide();    
            });                
        })

TIA.