Задать вопрос
@softshape

Как в CSS добавить ссылку вместо скролла списка?

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

62b6ef756e254d048841c43efb8256e6.png

Проблема в том, что заранее неизвестно, войдут ли все элементы в заданную высоту или нет. Поэтому сразу в HTML прописать ссылку не получится. Можно это сделать на JavaScript. Но, возможно, существует решение на чистом CSS?
  • Вопрос задан
  • 212 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
Много способов. Самый правильный, грузить 3 элемента, а по клику ajax-ом подтягивать остальные.
Еще можно сделать фиксированную высоту и overflow:hidden; по клику или наведению менять height на auto.
Можно написать аккордион на jquery или взять готовый, подобрать.
Ответ написан
kosolapus
@kosolapus
Если помогло - отмечайте решением
На чистом CSS - можно, но будет весьма и весьма нехорошо. JS-ом аккуратнее получится
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы