Как сделать кнопку для прокрутки скрытого списка?

Question

[Acvoloe]

Доброго времени суток
Есть список из 30 элементов
Выводится только 7 первых элементов, остальные скрыты с помощью css

.cln {
    width: 960px;
    background-color: transparent;
    height: 525px;
    overflow: hidden;
}

Есть две кнопки в начале и в конце списка, как сделать чтобы они при нажатие пролистывали список на 7 позиция вперед или назад соответсвенно?

Answer 1

[Владислав]

Если ширина и высота блоков в контейнере фиксированная, то сделайте div обёртку с overflow: hidden; Внутри создайте div с posiotion: absolute; в котором будут все оранжевые и серые блоки. А затем просто умножайте ширину или высоту на 7 и сдвигайте div который содержит оранжевые и серые блоки.