#jquery #html #css #angularjs #scrollbar
#jquery #HTML #css #angularjs #полоса прокрутки
Вопрос:
У меня есть один div (id =’image-map-pro-container), который содержит один 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.
Комментарии:
1. ИМО, если у вас проблемы с производительностью, вы должны уточнить, какой браузер / устройство вы используете
2. Мое первоначальное предположение состояло бы в том, что что-то заставляет цикл $ digest выполняться бесконечно, нанося ущерб приложению.
3. В Windows 10 / Firefox загрузка страницы занимает много времени, но прокрутка происходит очень быстро и без задержек