Как компактно разместить большой список ?

[sanek1991]

Нужен пример для размещения вертикально списка из большого количества строк, типа такого:

11111111
22222222
33333333
...............
...............
99999999

Типа вертикального слайдера, с прокруткой, без JS.
Как лучше реализовать ?

[sanek1991]

По идее, можно было-бы разместить в iframe, но пишут что поисковики их не любят.
Может есть какой-то аналог на div ?

[ziliboba0213]

Так див и overflow

PHP код:

<div style='height: 200px; overflow-y: scroll'></div> 


[Rema]

Сообщение от ziliboba0213

Так див и overflow

Это в выпадающем меню тоже работает?

У меня есть выпадающие меню на тысячи строк. Если быстренько ввести 2-3 буквы, то можно приблизиться к желаемой позиции. Но использовать практически нереально.

Также имеется функционал с подбором по первым буквам, как в поиске - очень удобно. Но и тут затык: не для каждого случая можно сделать.

[sanek1991]

Сообщение от ziliboba0213

Так див и overflow

Спасибо, в принципе потянет.
Хотя на мобиле полосу прокрутки не видно, это не очень хорошо.

[Rema]

Сообщение от sanek1991

Хотя на мобиле полосу прокрутки не видно, это не очень хорошо.

Да, вот именно с телефонами проблема. На десктопе в целом норм.

[XPraptor]

Сообщение от sanek1991

Хотя на мобиле полосу прокрутки не видно, это не очень хорошо.

Моб браузер, в зависимости от типа, сам решает как организовать прокрутку. Чаще всего без скрлолбара, в мобиле же свайпишь вверх/вниз эти строки, зачем там полоса прокрутки?

[XPraptor]

sanek1991, а сам список с таким кол-вом данных держать на странице - это моветон.
Почитай решения, как через ajax подзапросы, запрашивать по трем буквам и больше, нужные данные (с ограничением по 20-50 строк) и вставлять их в этот див.

Юзер начинает вводить буквы, когда 3 будет, делаешь запрос на серв, он возвращает первые 20-50 строк, когда букв становится 4, снова запрос уже сколько найдет вернет и т.д.

Если доступен сервис воркер, то вообще все данные туда и юзер локально будет уже получать их при вводе букв, а не с сервака.

[sanek1991]

Сообщение от XPraptor

зачем там полоса прокрутки?

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

И ещё интересует - есть ли разница в ранжировании отображаемой информации и той, что закрыта в таком блоке? Читал что гугл рендерит страницы, и понижает значимость текста, который не отображается.

[sanek1991]

Сообщение от XPraptor

sanek1991, а сам список с таким кол-вом данных держать на странице - это моветон.

Согласен, но пока мне нужно простое и быстрое решение.
Позже, найду кто переделает.
Я в программировании и даже простой html-разметке не силен.