Как сделать карусель Bootstrap масштабируемой / масштабируемой с помощью мобильного прикосновения, сохраняя поведение слайдов по умолчанию?

Question

Я использую Bootstrap 4.x карусель.Моя страница может масштабироваться пользователем с помощью <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2, shrink-to-fit=no">.

. Страницу можно масштабировать / масштабировать с помощью мобильного касания (двумя пальцами), когда любая из двух точек касания находится за пределами карусели.

Как заставить масштабируемую работу работать, когда точки касания внутри карусели (где сохраняется поведение слайдов по умолчанию)?

Редактировать

Я попытался добавить следующий CSS:

.carousel.pointer-event {
  touch-action: auto;
}

Масштабируемость теперь работает, но касание слайдов влево и вправо перестает работать.

Как сделать так, чтобы масштабируемые и слайды работали одновременно?

Answer 1

Я нашел решение.Просто добавьте следующий CSS, чтобы переопределить настройки по умолчанию:

.carousel.pointer-event {
  touch-action: pan-y pinch-zoom;
}