|
0 / 0 / 0
Регистрация: 14.05.2019
Сообщений: 2
|
|
display:none для элементов, которые скрываются при прокрутке (overflow:hidden)27.11.2022, 17:47. Показов 427. Ответов 2
Метки нет (Все метки)
Доброго времени, господа! Подскажите, как мне устанавливать display:none для каждого элемента, который оказывается вне поля зрения при прокрутке?
У меня на странице около 5 тысяч элементов div (чат), в которых есть другие блоки, то есть выходит где-то около 30к блоков, что тормозит страницу. Как мне при прокрутке скрывать те, которых не видно на данный момент в поле контента, чтобы они не отрисовывались? Или как ещё можно оптимизировать это, не используя подгрузку и пагинацию (при подгрузке та же проблема в итоге, а пагинация для чатов - плохая идея)
0
|
|
| 27.11.2022, 17:47 | |
|
Ответы с готовыми решениями:
2
Отменить свойство "overflow: hidden;" для дочерних элементов Влияние z-index при overflow: hidden
|
|
0 / 0 / 0
Регистрация: 14.05.2019
Сообщений: 2
|
|
| 28.11.2022, 08:04 [ТС] | |
|
То есть 3 раза в секунду тащить с сервера определённое количество сообщений? Это вообще не оптимизация
0
|
|
| 28.11.2022, 08:04 | |
|
Помогаю со студенческими работами здесь
3
Можно ли узнать направление прокрутки колеса мыши, при overflow: hidden?
Сделать фон для шапки с overflow: hidden и margin:0 auto Центрирование по центру трехколоночного макета и свойства overflow:hidden для крайних блоков Overflow: hidden Искать еще темы с ответами Или воспользуйтесь поиском по форуму: |
|
Новые блоги и статьи
|
|||
|
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога
Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
|
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога
Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
|
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
|
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer
8Observer8 08.02.2026
Содержание блога
Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .
|
|
SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств
8Observer8 07.02.2026
Содержание блога
Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
|
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога
Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
|
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
|
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога
В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
|