maks9090-843
@maks9090-843

Как мне спозиционировать скролл на странице?

У меня есть контент, который выходит за рамки сайта и нужно сделать так, чтобы он прокручивался горизонтально.
Но проблема в том, что я не могу позиционировать скролл и управлять его размерами. Он устанавливается относительно блока контента, который выходит за рамки страницы.
Мне нужно расположить его по центру снизу, на изображении видно примерное расположение. И возможно изменять его ширину. Благодарю того, кто подскажет, как это сделать. Уже всё перерыл, не знаю, как еще подойти к решению этого вопроса5dbee9c3edd19019278132.png
Это пример HTML:
<div class="content">
 <ul class="slide-bar">
  <li> Block1 </li>
  <li> Block2 </li>
  <li> Block3 </li>
  <li> Block4 </li>
  <li> Block5 </li>
  <li> Block6 </li>
 </ul>
</div>

Это пример CSS:
.content
 width: 150%;
 overflow-x: scroll;

.slide-bar
 width: 100%;

.slide-bar li
 display: block;
 width: 65vh;
 height: 245px;
 margin: 25px;
 float: left;
  • Вопрос задан
  • 47 просмотров
Пригласить эксперта
Ответы на вопрос 1
cesnokov
@cesnokov
<head>&nbsp;</head>
А может лучше уменьшить ширину блоков чтобы влезли все и без скролла?
Ну а если это "дизайнерская задумка" то попробуйте сделать карусель.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы