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

Как совместить бесконечный скролл и CSS3 columns?

Дано - верстка с использованием колонок: www.w3schools.com/css/css3_multiple_columns.asp
Возьмем для примера 2 колонки. Блоки контента выводятся:
1 4
2 5
3 6
Все хорошо. Теперь попробуем приделать бесконечный скролл, подгрузим в этот же элемент с колонками еще 6 блоков. Вместо того чтобы подгрузиться снизу, эти новые блоки перераспределяются по колонкам (при это жутко тормозя)
Хотели:
1 4
2 5
3 6
7 10
8 11
9 12
получили:
1 7
2 8
3 9
4 10
5 11
6 12
Вполне возможно по стандартам так и надо, но как сделать так как нам нужно?

Пример вот здесь:
jsfiddle.net/4dbUH/embedded/result
ввести в поиск букву "П", отмотать и нажать "Показать еще"
  • Вопрос задан
  • 2606 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 1
@artishok
кратко
У меня по ссылке все в 1 столбик
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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