Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Javascript выполнить действие до начала прокрутки страницы (javascript jquery scroll) (https://javascript.ru/forum/misc/77332-javascript-vypolnit-dejjstvie-do-nachala-prokrutki-stranicy-javascript-jquery-scroll.html)

mizuho1 20.04.2019 10:59

Javascript выполнить действие до начала прокрутки страницы (javascript jquery scroll)
 
У меня есть ПК с низкой производительностью. И сайт с разными эффектами. На нормальных ПК с нормальной производительностью все работает норм, а вот с низкой производительность - не очень. Я решил провести оптимизацию...

Например:

$(window).on('scroll',function() {
$('#el').css({color:'red'});
});
Я прокручиваю страницу колесиком мыши. На ПК с низкой производительностью вижу:

Сначала происходит прокрутка контента.
И только потом применяется $('#el').css({color:'red'});
Пробовал плагин mousewheel https://github.com/jquery/jquery-mousewheel

$(window).on('mousewheel',function() {
$('#el').css({color:'red'});
});
Эффект точно такойже. Сначала происходит прокрутка контента. И только потом применяется $('#el').css({color:'red'});

Вопрос как сделать чтоб сперва выполнялись все действия, такие как $('#el').css({color:'red'}); А уже потом происходила прокрутка страницы... Что то вроде $(window).on('beforeScroll',function(){}); ... ???

рони 20.04.2019 11:28

mizuho1,
попробуйте так
$(window).on('scroll',function() {
$('#el').css({color:'red'});
*!*
document.documentElement.clientWidth;
*/!*
});

Пожалуйста, отформатируйте свой код!

Для этого его можно заключить в специальные теги: js/css/html и т.п., например:
[html run]
... минимальный код страницы с вашей проблемой
[/html]

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.


Часовой пояс GMT +3, время: 03:27.