窗口滚动不流畅-AngulaJS jQuery

Question

我有一个div（id ='image-map-pro-container），其中包含一个Siteplan，该Siteplan是基础图像+许多小图像的集合。其中许多图像是通过图像库组合的。

当我在服务器上访问此页面时，正确加载所有内容后，滚动条无法在窗口中平滑滚动。会有很大的滞后。

即使放置了诸如“滚动到底部”和“滚动到顶部”之类的按钮之后，滚动也不平滑且滞后。

请查看页面，并向我提供建议以改善滚动体验。

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。