Как при скроле с мобильного сделать автоматическую подмену класса псевдоклассом?

Question

[Kirill Shreer]

В десктопной версии при наведении мышки на блок все происходит автоматом. А мобильной наведя на блок надо нажать на блок для замены .card на .card:hover Как сдлеть эту замену на автомате при скролле вниз? *Гуглил) Есть добавление класса через js, но замену на псевдокласс так и не нашел.

.card {
	display: flex;
	background-color: #262626;
	color: #fff;
}

.card:hover {
	background-color: #fff;
	color: #262626;
}

Comments

[Ankhena]

Есть добавление класса через js

Отлично. Добавили класс. Переписали туда нужные стили из hover.
Что еще нужно?

[iBird Rose]

что тебе мешает сделать нормальный класс с такими же стилями и его добавлять

.card:hover, .card.active {
  background-color: #fff;
  color: #262626;
}