Почему javascipt прокрутка сильно нагружает процессор?

Question

[Тимур Калимуллин]

Добрый день, столкнулся с проблемой на некоторых проектах, в которых для анимации или интерфейса используется автоматическая прокрутка при помощи javascript.

Путь это будет простой js код или плагин smoothdivscroll, при посещении страницы с прокруткой контента, куллер начинает активно работать.

Возьмем пример анимации движения фона с облаками:

$('.clouds').animate({ 'backgroundPosition': '100000px' }, 4000000, 'linear');

или плагин для прокрутки smoothdivscroll

$('.scroll').smoothDivScroll(
{
hotSpotScrolling : false,
manualContinuousScrolling : true,
touchScrolling : true,
autoScrollingMode : 'onStart',
autoScrollingDirection : 'endlessLoopRight'
});

Все способы сильно грузит процессор.
Как можно этого избежать? что можно оптимизировать?



Спасибо.

Comments

[Vitaliy]

стоит отказаться от jQuery, и посмотреть на результат, хотя бы на примере smoothscroll.js

[Тимур Калимуллин]

Виталий, добрый вечер, какая по Вашему мнению лучшая альтернатива?

Answer 1

[AngReload]

Для этого есть css animation. Ну, или банальней transition, уж непонятно что именно у вас анимируется.

Comments

[Тимур Калимуллин]

В целом для решения проблемы с background position есть простое решение https://www.html5andbeyond.com/css3-animated-backg... но как быть, если необходимо передвигать не фон а контенте в блоке div.

Answer 2

[Денис Инешин]

Давайте вместе! Си!Эс!Эс! Си!Эс!Эс! Си!Эс!Эс!
Эй! Кто крикнул jQuery?! Выкиньте его из зала!

Comments

[Тимур Калимуллин]

Денис, как бы Вы организовали бесконечную автоматическую горизонтальную прокрутку контента?

[Денис Инешин]

Тимур Калимуллин: https://developer.mozilla.org/en-US/docs/Web/CSS/C... - вполне может быть бесконечным

Answer 3

[Александр Вульф]

Сделать GIF анимацию вместо этого мракобесия

Comments

[Тимур Калимуллин]

Не в этом суть, например smoothDivScroll позволяет крутить любой контент, текст изображение, и пр.