Столкнулись с такой задачей: дизайн сайта ограничивает количество текста в высоту (на сайте текст выводится на листики А4, которые по задумке должны иметь настоящие пропорции, так что «растягивать» их в высоту нельзя.
Делать постраничный вывод текст на PHP — накладно из-за и без того сложной структуры URL. Решили делать на Javascript.
Идея:
- Определить максимально допустимую высоту блока (без растяжения по высоте)
- Разбить высоту блока с текстом на подблоки допустимой высоты
- Показывать необходимый подблок, остальные скрывать
Все просто. И занимает не так уж много времени в реализации.
Реализация:
Есть 2 пути реализации:
- Действительно скрывать не нужные блоки через значение display
- Сделать что-то вроде видоискателя проектора, и проходящего мимо него пленки, когда у нас есть
2 блока: контайнер текста и контейнер контейнера. Мы просто сдвигаем контейнер текста внутри контейнера контейнера, тем самым обнажая нужную часть блока.
Мы выбрали второй способ (он быстрее выполняется на клиенте, а значит больше нам подходит).
Read More