Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
0 / 0 / 0
Регистрация: 14.05.2019
Сообщений: 2

display:none для элементов, которые скрываются при прокрутке (overflow:hidden)

27.11.2022, 17:47. Показов 427. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Доброго времени, господа! Подскажите, как мне устанавливать display:none для каждого элемента, который оказывается вне поля зрения при прокрутке?

У меня на странице около 5 тысяч элементов div (чат), в которых есть другие блоки, то есть выходит где-то около 30к блоков, что тормозит страницу. Как мне при прокрутке скрывать те, которых не видно на данный момент в поле контента, чтобы они не отрисовывались? Или как ещё можно оптимизировать это, не используя подгрузку и пагинацию (при подгрузке та же проблема в итоге, а пагинация для чатов - плохая идея)
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
27.11.2022, 17:47
Ответы с готовыми решениями:

Отменить свойство "overflow: hidden;" для дочерних элементов
Добрый день. Вот кусочек кода: <nav> <div id = "m01" class = "menu_item"> <div class = "hidden"> <div class =...

Влияние z-index при overflow: hidden
Есть простой код: <div class="block1"></div> <div class="block2"> <div class="mezhdu">бла бла бла</div> </div> ...

При overflow: hidden не скроллится страница в мобильной версии
Доброго времени суток! В HTML прописано: <body class="noscroll"> <div class="popup" id="popup"> <ul...

2
Молодой техлид)
Эксперт JSЭксперт HTML/CSS
 Аватар для mr_dramm
1818 / 1056 / 329
Регистрация: 17.07.2021
Сообщений: 2,147
Записей в блоге: 14
28.11.2022, 01:51
Например в чате хранить последних n сообщений и обновлять его раза 3 в секунду.
0
0 / 0 / 0
Регистрация: 14.05.2019
Сообщений: 2
28.11.2022, 08:04  [ТС]
То есть 3 раза в секунду тащить с сервера определённое количество сообщений? Это вообще не оптимизация
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
28.11.2022, 08:04
Помогаю со студенческими работами здесь

Можно ли узнать направление прокрутки колеса мыши, при overflow: hidden?
Написал код, для плавной прокрутки. Но он начинает циклиться и не останавливается: var lastScrollTop = 0; function onScroll () { var...

Почему не работает overflow hidden при transform scale? Как исправить?
Надо что бы картинка зумилась по наведению, но размер блока не менялся. Прикрепил архив.

Сделать фон для шапки с overflow: hidden и margin:0 auto
Верстка через bootstrap Есть изображение шириною в 2400px, его надо поставить в задний фон для хедера (высота:869px). Причем контейнер, в...

Центрирование по центру трехколоночного макета и свойства overflow:hidden для крайних блоков
Добрый день форумчане. Столкнулся со сложностью при верстке макета. Центральная область контента на сайте занимает 1050px. Эта область...

Overflow: hidden
Ну, вот собственно, элементарный код: <table width="50%"> <tr> <td style="height: 50px; overflow: hidden;"> в чащах юга жил...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
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 на бесплатный. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru