owl carousel scroll play

by Venkatesh Dematti

HTML

<link rel="stylesheet" href="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/assets/owl.carousel.min.css">
<script src="https://owlcarousel2.github.io/OwlCarousel2/assets/vendors/jquery.min.js"></script>
<script src="https://owlcarousel2.github.io/OwlCarousel2/assets/owlcarousel/owl.carousel.js"></script>

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Document</title>

</head>

<body>
      <p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore dolor neque beatae, ullam nisi, reprehenderit ipsa doloribus necessitatibus nesciunt magni iure voluptas odio ipsum, deleniti, laudantium nam. Magni, culpa, incidunt.


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore dolor neque beatae, ullam nisi, reprehenderit ipsa doloribus necessitatibus nesciunt magni iure voluptas odio ipsum, deleniti, laudantium nam. Magni, culpa, incidunt.


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore dolor neque beatae, ullam nisi, reprehenderit ipsa doloribus necessitatibus nesciunt magni iure voluptas odio ipsum, deleniti, laudantium nam. Magni, culpa, incidunt.



Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore dolor neque beatae, ullam nisi, reprehenderit ipsa doloribus necessitatibus nesciunt magni iure voluptas odio ipsum, deleniti, laudantium nam. Magni, culpa, incidunt.


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore dolor neque beatae, ullam nisi, reprehenderit ipsa doloribus necessitatibus nesciunt magni iure voluptas odio ipsum, deleniti, laudantium nam. Magni, culpa, incidunt.


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore dolor neque beatae, ullam nisi, reprehenderit ipsa doloribus necessitatibus nesciunt magni iure voluptas odio ipsum, deleniti, laudantium nam. Magni, culpa, incidunt.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Inventore dolor neque beatae, ullam nisi, reprehenderit ipsa doloribus...

JavaScript

$(document).ready(function() {
              var owl = $('#owl-example');
              owl.owlCarousel({
                items:4,
                loop:true,
                margin:10,
                autoplay:true,
                autoplayTimeout:1000,
                autoplayHoverPause:true,
                nav:true,
              })
            });

jQuery(document).ready(function($){
	var owl_event = jQuery(".owl-carousel");
  owl_event.owlCarousel({autoPlay : true,slideSpeed : 5000});
  var owl = jQuery(".owl-carousel").data('owlCarousel');
	owl.stop();

	 jQuery(window).scroll(function(){
   console.log(jQuery(window).scrollTop());
   var y_scroll_pos = window.pageYOffset;
   var scroll_pos_test = 50;
   
		if(y_scroll_pos > scroll_pos_test && owl.apStatus != "play") 
      {
          alert('Mission Accomp');
          owl.play();
          owl_event.trigger('owl.next');
      }else{
      alert('no');
      }
});   
});