Обновить только видимые элементы DOM? - PullRequest
2 голосов
/ 29 декабря 2011

У меня очень загруженный интерфейс, много постоянного обновления без взаимодействия (представьте длинный список котировок акций или портфель) DOM, и я начинаю видеть его замедление, особенно в IE. Это действительно показывает различия в движках JavaScript. Хотя я очень стараюсь следовать всем лучшим практикам с помощью селекторов jQuery, манипулирования DOM и других, я думаю, что могу сделать больше.

Я хотел бы обновить только те части пользовательского интерфейса, которые видны. Так или иначе, я хотел бы обновить только те элементы DOM, которые находятся в области просмотра пользователя, и когда пользователь выполняет прокрутку, только до тех пор, пока прокрутка не прекратится, я хочу выполнить обновления видимых элементов DOM.

Это похоже на метод, который используется, когда на странице много изображений, и только когда изображения прокручиваются в поле зрения, они загружаются. Это звучит как сложная цель, но было любопытно, если это было сделано раньше. Я даже не уверен, что это возможно.

Ответы [ 2 ]

2 голосов
/ 29 декабря 2011

Да, безусловно, возможно.Вы захотите использовать прослушиватель событий onScroll вместе с методом, который обходит DOM и быстро отбрасывает все элементы, которых нет в области просмотра.Есть несколько способов проверить, виден ли DOM.Один из лучших, с которыми я столкнулся, подробно описан в этом ответе:

Проверьте, виден ли элемент после прокрутки

2 голосов
/ 29 декабря 2011

Вот еще один довольно похожий вопрос ...

Проверьте, виден ли элемент после прокрутки

Надеюсь, это поможет.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...