Реакция: Почему чувствительность моего слайд-шоу на мобильном устройстве меняется только при использовании браузера Chro ⇐ CSS
Реакция: Почему чувствительность моего слайд-шоу на мобильном устройстве меняется только при использовании браузера Chro
В моем веб-приложении React есть компонент карусели. Он отлично работает в Firefox, однако в Chrome, когда я смахиваю страницу вниз на мобильном устройстве, он думает, что я делаю горизонтальное смахивание, и переключает слайды в моем слайд-шоу. Я использую библиотеку под названием response-material-ui-carouse, единственные реквизиты, которые она имеет для скольжения, — это установить для функциональности слайда значение true или false. В документации я не нашел упоминаний о настройке чувствительности слайда. Есть ли разумный способ исправить это или мне лучше не использовать эту библиотеку? Ссылка на сайт, если вы хотите опробовать его на мобильных устройствах и понять, что я имею в виду.
Slideshow.jsx
function Slideshow() { const FadeImages = [ { src: "/images/allie-pic.webp", заголовок: «Первый слайд», подпись: «Слайд1», }, { src: "/images/image-2.jpg", заголовок: «Второй слайд», подпись: «Слайд2», }, { src: "/images/image-3.webp", заголовок: «Третий слайд», подпись: «Слайд3», }, ]; возвращаться ( {fadeImages.map((img, i) => ( ))} ); } функция Item({ img }) { возвращаться ( {изображение.title} {img.caption} ); } экспортировать слайд-шоу по умолчанию;
В моем веб-приложении React есть компонент карусели. Он отлично работает в Firefox, однако в Chrome, когда я смахиваю страницу вниз на мобильном устройстве, он думает, что я делаю горизонтальное смахивание, и переключает слайды в моем слайд-шоу. Я использую библиотеку под названием response-material-ui-carouse, единственные реквизиты, которые она имеет для скольжения, — это установить для функциональности слайда значение true или false. В документации я не нашел упоминаний о настройке чувствительности слайда. Есть ли разумный способ исправить это или мне лучше не использовать эту библиотеку? Ссылка на сайт, если вы хотите опробовать его на мобильных устройствах и понять, что я имею в виду.
Slideshow.jsx
function Slideshow() { const FadeImages = [ { src: "/images/allie-pic.webp", заголовок: «Первый слайд», подпись: «Слайд1», }, { src: "/images/image-2.jpg", заголовок: «Второй слайд», подпись: «Слайд2», }, { src: "/images/image-3.webp", заголовок: «Третий слайд», подпись: «Слайд3», }, ]; возвращаться ( {fadeImages.map((img, i) => ( ))} ); } функция Item({ img }) { возвращаться ( {изображение.title} {img.caption} ); } экспортировать слайд-шоу по умолчанию;
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение