Разбираемся в CSS
Anonymous
Я хотел добавить опцию прокрутки по оси X для div, я работаю в реакции, я использую браузер Brave для тестирования
Сообщение
Anonymous » 10 янв 2025, 06:16
Код: Выделить всё
.movieWidgetsContainer {
background-color: transparent;
position: relative;
height: 280px;
width: 100%;
padding-top: 10px;
display: flex;
gap: 10px; /* Spacing between widgets */
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
box-sizing: border-box;
}
.movieWidgetsContainer::-webkit-scrollbar {
display: none; /* Hide scrollbar */
}
.movieWidgets {
display: inline-block;
height: 220px;
width: 125px;
background-color: transparent;
position: relative;
object-fit: cover;
border-radius: 20px;
flex-direction: column;
scroll-snap-align: start;
}
У меня возникла проблема с добавлением полосы прокрутки по оси X
Я хотел добавьте опцию прокрутки по оси X для div, я работаю в реакции, я использую браузер Brave для тестирования
Подробнее здесь:
https://stackoverflow.com/questions/793 ... -i-am-usin
1736478991
Anonymous
[code].movieWidgetsContainer { background-color: transparent; position: relative; height: 280px; width: 100%; padding-top: 10px; display: flex; gap: 10px; /* Spacing between widgets */ overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; box-sizing: border-box; } .movieWidgetsContainer::-webkit-scrollbar { display: none; /* Hide scrollbar */ } .movieWidgets { display: inline-block; height: 220px; width: 125px; background-color: transparent; position: relative; object-fit: cover; border-radius: 20px; flex-direction: column; scroll-snap-align: start; }[/code] У меня возникла проблема с добавлением полосы прокрутки по оси X Я хотел добавьте опцию прокрутки по оси X для div, я работаю в реакции, я использую браузер Brave для тестирования Подробнее здесь: [url]https://stackoverflow.com/questions/79344516/i-wanted-add-an-scroll-option-in-x-axis-for-the-div-i-working-in-react-i-am-usin[/url]