title: How to adjust the speed of the OWL Carousel mousewheel?
body: <p>How to adjust the speed of the OWL Carousel mousewheel?</p>
  
  <p>Hello, I'm having trouble setting up the owl carousel.
  I need to make a slide like this: <a href="https://revolution.themepunch.com/jquery/one-page-jquery-slider/" rel="nofollow noreferrer">https://revolution.themepunch.com/jquery/one-page-jquery-slider/</a></p>
  
  <p>I managed to configure the mouse wheel but it has a very fast transition speed.</p>
  
  <p>I would also like the mousewheel to stop working after the last slide, see there are 03 sliders, but when he sees the 03 sliders through the navigation of the mouse wheel, at the end of the last slide make him continue browsing the site.</p>
  
  <p>The link is this one: <a href="https://imersaoseo.club/taticca/" rel="nofollow noreferrer">https://imersaoseo.club/taticca/</a></p>
  
  <p>I'm using Owl Carousel 2 with mousewheel.js. it's working fine, but when I set loop: false and I scroll to last or first item my mouse not working, how can I make mouse back to page scrolling when I go to first or last item?</p>
  
  <p>For example:</p>
  
  <p>My slides: 1 2 3</p>
  
  <p>Set loop: false and using mousewhell</p>
  
  <p>When I scroll to slide 3 I want to scroll down of the page, not return to slide 1. Also scroll up of the page when I scroll to slide 1.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function () {
  
        var owl = $('.loop');
  
        owl.owlCarousel({
          animateOut: 'fadeOut',
      animateIn: 'fadeIn',
          smartSpeed:450,
          center: true,
          nav: false,
          items: 1,
          loop: false,
          margin: 10,
          responsive: {
            0: {
              items: 1,
              nav: false
            },
            600: {
              items: 1,
              nav: false,
  
            }
          },
          URLhashListener: true,
          autoplayHoverPause: true,
          startPosition: 'URLHash'
        });
  
        var owl = $('.owl-carousel');
  owl.on('mousewheel', '.owl-stage', function(e) {
      var curr = $(this);
     if (e.deltaY &gt; 0) {
        curr.trigger('next.owl');
     } else {
        curr.trigger('prev.owl');
     }
     e.preventDefault();
        });
        
  
      })</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>/*Fonte Global*/
  *{
   font-family: 'Titillium Web', sans-serif;
  }
  
  hr {
      margin-top: 1rem;
      margin-bottom: 1rem;
      border: 0;
      border-top: 1px solid #fefefe;
  }
  /*Cabeçalho*/
  /*Menu*/
  .nav-item{
   color: #1d2845!important;
   font-weight: 600;
  }
  .btn-menu{
   color:#ffffff!important;
   background-color: #4eb09d;
   border-radius: 5px;
   font-size: 14px;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: 1.3rem;
      padding-left: 1.3rem;
  }
  /*Fim - Menu*/
  /*Cabeçalho mobile*/
  @media screen and (max-width: 768px){
      .navbar-brand img{
       width: auto;
       height: 45px!important;
      }
      .menu-esquerdo img{
       display: none;
      }
  }
  
  
   .carousel-wrapper {
        width: 50%;
        margin: 0 auto;
        
      }
      .owl-item{
        .item {
          img {
            width: 100%;
            height: auto;
            margin: -10% auto;
          }
        }
      }
      .item {
        box-sizing: content-box;
        background-color: green;
        color: #FFF;
        
        width: 98%;
        height: 250px;
        box-shadow:inset -4px 6px 20px 3px rgba(0, 0, 0, 0.5);
        h4{
          padding: 0 15px;
          z-index:100;
          position: absolute;
          top: 0;
          font-size: 30px;
          margin: 20px 10px;
        }
        img {
          width: auto ;
          height: 100%;
          position: absolute;
          top:0;left:0;
          z-index: 10;
        }
      
  
      }
  
  .teste-carrossel{
   background-color: #FF0000;
   width: 100%;
   height: 100%;
  }
  
  .texto-principal{
   position: absolute;
   z-index: 999999;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!doctype html&gt;
  &lt;html lang="pt-br"&gt;
  
  &lt;head&gt;
      &lt;!-- Required meta tags --&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"&gt;
      &lt;!-- Style CSS --&gt;
      &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous"&gt;
      &lt;link rel="stylesheet" type="text/css" href="assets/css/style.css"&gt;
      &lt;link rel="shortcut icon" href="assets/img/favicon.ico"&gt;
      &lt;link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"&gt;
  
      &lt;!-- OWL Carousel --&gt;
      &lt;link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="assets/css/owl.theme.default.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="assets/css/owl.theme.green.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="assets/css/animate.css"&gt;
  
      &lt;!-- Google Fonts --&gt;
      &lt;link href="https://fonts.googleapis.com/css?family=Titillium+Web&amp;display=swap" rel="stylesheet"&gt;
      &lt;title&gt;TATICCA | Auditoria contábil e consultoria tributária para empresas&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;!-- Cabeçalho --&gt;
      &lt;header class="menuPrincipal"&gt;
          &lt;div class="container-fluid"&gt;
              &lt;nav class="navbar navbar-expand-lg navbar-light justify-content-between"&gt;
                  &lt;a class="menu-esquerdo" href="#"&gt;&lt;img src="assets/img/menu.svg" width="auto" height="25"&gt;&lt;/a&gt;
                  &lt;a class="navbar-brand" href="#"&gt;
                      &lt;img src="assets/img/logo.png" width="auto" height="50" class="d-inline-block align-top" alt="Logo Taticca"&gt;
                  &lt;/a&gt;
                  &lt;div&gt;
                      &lt;button class="navbar-toggler " type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"&gt;
                          &lt;span class="navbar-toggler-icon"&gt;&lt;/span&gt;
                      &lt;/button&gt;
                      &lt;div&gt;
                          &lt;div class="collapse navbar-collapse" id="navbarNavAltMarkup"&gt;
                              &lt;div class="navbar-nav"&gt;
                                  &lt;a class="nav-item nav-link" href="#"&gt;Sobre Nós &lt;/a&gt;
                                  &lt;a class="nav-item nav-link" href="#"&gt;Nossos Serviços&lt;/a&gt;
                                  &lt;a class="nav-item nav-link" href="#"&gt;Setores de Atuação&lt;/a&gt;
                                  &lt;a class="nav-item nav-link" href="#"&gt;Análises e Estudos&lt;/a&gt;
                                  &lt;a class="nav-item nav-link" href="#"&gt;Escritórios&lt;/a&gt;
                                  &lt;a class="nav-item nav-link" href="#"&gt;Contate-Nos&lt;/a&gt;
                                  &lt;a class="nav-item nav-link btn-menu" href="#"&gt;ÁREA DO CLIENTE&lt;/a&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
              &lt;/nav&gt;
              &lt;/div&gt;
      &lt;/header&gt;
      &lt;!-- Fim Cabeçalho--&gt;
  
      &lt;!-- Set up your HTML --&gt;
      &lt;div class="loop owl-carousel owl-carousel"&gt;
          &lt;div class="item teste-carrossel"&gt;
              &lt;img class=" w-100 img-fluid" src="assets/img/background/banner01.jpg" alt="First slide"&gt;
  
          &lt;/div&gt;
          &lt;div class="item teste-carrossel"&gt;
              &lt;img class="d-block w-100" src="assets/img/background/banner02.jpg" alt="Second slide"&gt;
          &lt;/div&gt;
          &lt;div class="item teste-carrossel"&gt;
              &lt;img class="d-block w-100" src="assets/img/background/banner03.jpg" alt="Third slide"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;!-- Fim Copyright --&gt;
      &lt;!-- Optional JavaScript --&gt;
      &lt;!-- jQuery first, OWL Carousel, then Popper.js, then Bootstrap JS --&gt;
      &lt;script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src="assets/js/owl.carousel.js"&gt;&lt;/script&gt;
      &lt;script src="assets/js/jquery.mousewheel.js"&gt;&lt;/script&gt;
      &lt;script src="assets/js/script.js"&gt;&lt;/script&gt;
  
      &lt;script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"&gt;&lt;/script&gt;
      &lt;script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"&gt;&lt;/script&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>