Добавить стрелку в пользовательскую горизонтальную полосу прокрутки Angular/HTML

#html #css #angular #chart.js #scrollbar

#HTML #css #angular #chart.js #полоса прокрутки

Вопрос:

Я создал горизонтальную полосу прокрутки для своего графика chartjs и попытался добавить стрелки, используя значки материалов: <mat-icon>keyboard_arrow_left</mat-icon> но, похоже, я не могу выровнять ее по левому и правому краю полосы прокрутки. Какой самый простой способ сделать это

введите описание изображения здесь

Ответ №1:

Если полоса прокрутки и диаграмма — это один и тот же контейнер, я думаю, вы можете попытаться объединить диаграмму и стрелки в одно целое div , добавить к этому div стилю position: relative и к каждой стрелке position: absolute; bottom: 0; right/left: 0; Вы также можете добавить z-index: 1 стрелки, чтобы избежать перекрытия.

Комментарии:

1. Единственная проблема заключается в том, что при изменении размера экрана стрелка смещается