Смахивание по рабочему столу с помощью скольжения мыши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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

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