title: Show Swiper slider out of container
body: <p>The slider slides out of the container.</p>
  <p>I do not want to use <code>overflow: hidden</code> for the container.</p>
  <p>Here my code:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;swiper-container&quot;&gt;
      &lt;div class=&quot;swiper-wrapper&quot;&gt;
        &lt;div class=&quot;swiper-slide&quot;&gt;Slide a&lt;/div&gt;
        &lt;div class=&quot;swiper-slide&quot;&gt;Slide b&lt;/div&gt;
        &lt;div class=&quot;swiper-slide&quot;&gt;Slide c&lt;/div&gt;
        &lt;div class=&quot;swiper-slide&quot;&gt;Slide d&lt;/div&gt;
        &lt;div class=&quot;swiper-slide&quot;&gt;Slide e&lt;/div&gt;
        &lt;div class=&quot;swiper-slide&quot;&gt;Slide f&lt;/div&gt;
        &lt;div class=&quot;swiper-slide&quot;&gt;Slide g&lt;/div&gt;
        &lt;div class=&quot;swiper-slide&quot;&gt;Slide h&lt;/div&gt;
        &lt;div class=&quot;swiper-slide&quot;&gt;Slide i&lt;/div&gt;
        &lt;div class=&quot;swiper-slide&quot;&gt;Slide j&lt;/div&gt;
      &lt;/div&gt;
      
      &lt;div class=&quot;swiper-button-next&quot;&gt;&lt;/div&gt;
      &lt;div class=&quot;swiper-button-prev&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <pre class="lang-js prettyprint-override"><code>var swiper = new Swiper('.swiper-container', {
      slidesPerView: 5,
      spaceBetween: 9, 
      navigation: {
          nextEl: '.swiper-button-next',
          prevEl: '.swiper-button-prev',
      },
  });
  </code></pre>
  <p>Look this:
  <a href="https://i.stack.imgur.com/ZpRZA.png" rel="nofollow noreferrer">image</a></p>