Как реализовать прокрутку текста с помощью табов?

Question

[Андрей]

Как реализовать скрипт прокрутки текста до определенного заголовка в блоке с overflow по клику на стрелки? Также не могу разобраться, как банально сверстать блок со стрелками, rotate(-90) смещает его вверх и вправо, transform-origin не помогает.

Comments

[alexalexes]

transform-origin: center;
Нет?

Answer 1

[alexalexes]

1. Определяете список заголовков.
2. Определяете offsetTop у каждого заголовка.
3. Определяете scrollTop у прокручиваемого блока.
5. Определяете по offsetTop-ам i-ый и i+1 заголовок, где находится значение scrollTop.
6. Для стрелки вверх делаете scrollTo до i-ого заголовка.
7. Для стрелки вниз делаете scrollTo до i+1 заголовка.
8. Если i-ого или i+1 заголовка нет, то гасите кнопку.
9. На событии скроллинга нужно анализировать пункты 1-8, чтобы кнопки вовремя гасились.