Загрузочный сайт застревает в мобильном браузере - PullRequest
Новая
       15

Загрузочный сайт застревает в мобильном браузере

0 голосов
/ 05 декабря 2018

Мой сайт поражен в начале раздела.Застревает только в мобильных браузерах URL сайта https://creovana -217c6.firebaseapp.com 

<section class="home-slider owl-carousel">
  <div class="slider-item" style="background-image: url(images/bg_1.jpg);">

    <div class="container-fluid">
      <div class="row slider-text align-items-center" >

        <div class="col-md-5 wrap col-sm-12 ftco-animate" data-scrollax=" properties: { translateY: '70%' }">
          <h1 class="mb-4 mt-5" data-scrollax="properties: { translateY: '30%', opacity: 1.6 }">School Affairs Made Simpler by Vicasin Techies</h1>
          <p class="mb-4 mb-md-5 sub-p" data-scrollax="properties: { translateY: '30%', opacity: 1.6 }">Digitalize your school with Daksha. Its so simple, secure and reliable</p>
          <!--<p><a href="#" class="btn btn-primary p-3 px-xl-5 py-xl-3">Get started</a> <a href="#" class="btn btn-primary btn-primary-2 p-3 px-xl-5 py-xl-3">Read more</a></p>
        --></div>
        <div class="col-md-7 ftco-animate">
            <img src="images/dashboard_full_1.png" class="img-fluid" alt="">
        </div>

      </div>
    </div>
  </div>


</section>

1 Ответ

0 голосов
/ 05 декабря 2018

Я посетил ваш сайт, используя Chrome 70 для Android.Прокрутка не работала, когда касание на карусели.Вы можете проверить это, положив палец на значок чата и прокрутив вниз, в этом случае он работает.

Итак, ваша проблема выглядит так: 

.owl-carousel.owl-drag .owl-item {touch-action: none;}

Измените его на:

touch-action: auto;

И прокрутка работает, но и теперь пользователь может изменять масштаб.Если вы не хотите, чтобы можно было использовать масштабирование несколькими пальцами, измените его на: 

touch-action: pan-y;
...