SlavaMaxwell
@SlavaMaxwell
HTML-верстальщик

Как при скроле показать последнюю активную хлебную крошку?

Как сделать , чтобы на мобилке при переходе на страницу показывалась последняя хлебная крошка, вот так:
5ffe9aad8fe7f125947821.jpeg
А изначально состояние такое:
5ffe9ac561d58941127364.jpeg
Есть у меня предположение, что так делать можно только на JS, если так то нативный вараинт напишите пожалуйста
код родителя хлебных крошек:
.bread-crumbs {
    display: flex;
    white-space: nowrap;
    overflow-x: scroll;
   }

<ul class="bread-crumbs">
      <li><a href="">Главная</a></li>
       <li><a href="">Работы</a></li>
        <li><a href="">Дизайн-проект</a></li>
        <li><a href="">1-к Квартира 57 кв/м</a></li>
 </ul>
  • Вопрос задан
  • 82 просмотра
Решения вопроса 1
MrDecoy
@MrDecoy
Верставший фронтендер
css media +
.bread-crumbs {
  justify-content: flex-end;
}


Ну а если через JS, то как-то так:
var crumbs = document.querySelector('.bread-crumbs')
crumbs.scrollLeft = crumbs.scrollWidth
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
25 янв. 2021, в 03:37
75000 руб./за проект
25 янв. 2021, в 01:42
999999 руб./за проект
25 янв. 2021, в 00:56
3000 руб./за проект