Смахивание по рабочему столу с помощью скольжения мышиCSS

Разбираемся в CSS
Anonymous
 Смахивание по рабочему столу с помощью скольжения мыши

Сообщение Anonymous »

Мне удалось заставить работать смахивание на мобильных устройствах, и оно работает и на настольных компьютерах (macOS и Windows) с помощью действия смахивания мышью/трекпадом. Но я не могу заставить его работать с помощью слайда мышью.
Есть ли способ заставить скольжение мыши работать с использованием собственного CSS? Или даже, может быть, использовать собственный JavaScript/AlpineJS для действий со слайдами?

Код: Выделить всё

.swiper
{
display: flex;
overflow-x: scroll;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;

gap: 0;
padding: 0;
margin: 0 auto;
width: 100%;
max-width: 600px;
overscroll-behavior-x: contain;
}

.swiper::-webkit-scrollbar
{
display: none;
}

.slide {
flex: 0 0 100%;
scroll-snap-align: start;
scroll-snap-stop: always;

height: 384px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 3rem;
border-radius: 12px;
}



Подробнее здесь: https://stackoverflow.com/questions/798 ... ide-action

Вернуться в «CSS»