Привет! Хочется сделать самый простейший слайдер. Без JS. Принцип примерно такой. Меня устраивает всё, кроме того, что листать его можно только ухватив мышью полосу прокрутки внизу. А как сделать так, чтобы листать можно было и захватив любую из карточек мышью, а на мобильнике - пальцем? Можно ли это сделать без JS, теми же стилями?
<body>
<div class="container">
<div class="inner">
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
</div>
</div>
</body>
|
Код:
|
.container {
width: 750px;
overflow-x: auto;
}
.inner {
display: flex;
}
.card {
flex-shrink: 0;
width: 250px;
height: 500px;
margin: 0 50px 0 0;
background: red;
outline: 1px solid red;
} |