title: Horizontal mousewheel slider with overflowed content and inner scrollbar
body: <p>I'm making fullscreen slider using Swiper, where slide change controlled via mouse wheel. But in some slides, I have overflowed content. And when I try to scroll this content - the slide change to the next.</p>
  
  <p>Is it possible to scroll to next slide only when I scrolled to the end of the slide content? Here is a demo <a href="https://codepen.io/olegburakov/pen/EdqeLW" rel="nofollow noreferrer">https://codepen.io/olegburakov/pen/EdqeLW</a>, I want to scroll to the bottom of the first slide via mouse wheel.</p>
  
  <pre><code>//js
  var swiperOptions = {
    loop: false,
    speed: 1000,
    grabCursor: false,
    mousewheel: true,
  };
  
  var swiper = new Swiper(".swiper-container", swiperOptions);
  
  //css
  .swiper-slide {
    overflow: auto;
  }
  </code></pre>