Я делаю средство выбора друзей в Facebook с элементами, содержащими аватар и имя пользователя. При быстрой прокрутке элементы часто появляются с задержкой.
Я понимаю, что мой вопрос похож на этот: Прокрутка iPad Safari приводит к тому, что элементы HTML исчезают и снова появляются с задержкой Однако принятый ответ не решает мою проблему, так как вызывает сбой моего приложения после некоторой прокрутки. Прокрутка также становится более медленной.
Я не знаю подробностей того, как работает рендеринг с помощью графического процессора, но я предполагаю, что каждая строка становится текстурой в графическом процессоре, и через некоторое время этого становится слишком много.
Что еще я могу попробовать? Между прочим, нет никакого относительного позиционирования. У меня около 700 друзей, но я могу только представить, что проблема усугубляется по мере того, как список становится длиннее, потому что, когда я намеренно устанавливаю его так, чтобы отображалось меньше элементов, проблема, кажется, исчезает.
Благодарность!
2 ответа
Я бы рекомендовал использовать функцию ng-grid в AngularJS для длинных списков, которые нужно прокручивать в приложениях HTML. Другими предложениями были бы просто оптимизировать CSS и убедиться, что нет много теней, градиентов и т. Д., Которые занимают много вычислительной мощности при прокрутке.
Надеюсь, что это поможет, и если возникнут какие-либо вопросы, просто дайте мне знать!
Решает ли это вашу проблему?
overflow-y: auto;
Добавьте это в свой контейнер.
(Предположительно просто overflow: auto; тоже будет работать в зависимости от ваших потребностей.)
Похожие вопросы
Связанные вопросы
Новые вопросы
javascript
По вопросам программирования на ECMAScript (JavaScript/JS) и его различных диалектах/реализациях (кроме ActionScript). Обратите внимание, что JavaScript — это НЕ Java. Включите все теги, относящиеся к вашему вопросу: например, [node.js], [jQuery], [JSON], [ReactJS], [angular], [ember.js], [vue.js], [typescript], [стройный] и т. д.