Есть ли способ добавить переполнение, скрытое только на одну сторону? - PullRequest
1 голос
/ 10 мая 2019

У меня есть ползунок, где левая сторона дизайна находится в сетке, но правая сторона вытекает. Есть ли способ добавить переполнение, скрытое только с одной стороны? Как переполнение-х-левый: скрытый;

Кто-то упомянул об использовании клипа, но оговорка в том, что он действительно должен начинаться с левой стороны в сетке, выровненной с содержимым над ним.

Если у кого-нибудь есть предложения, я был бы очень признателен.

СПАСИБО заранее.

Здесь можно увидеть активный ползунок (3/4 пути вниз), который может помочь с таргетингом элемента контейнера WP Bakery, который должен быть контейнером, в который он вписывается: https://stable.stable -demos.com / cora /

Пример компоновки:

enter image description here ползунок, который должен начинать с левой стороны сетки, но с правой стороны до самого края браузера.

Вот текущий код:

jQuery(document).ready(function($) {
  // SWIPER FOR CAROUSEL
  var mySwiper2 = new Swiper('.swiper-container-2', {
    // Optional parameters
    init: true,
    direction: 'horizontal',
    loop: true,
    preloadImages: true,
    slidesPerView: 'auto'
  })
});
.swiper-container-2 {
  width: 100%;
}

.swiper-slide {
  width: auto;
  margin: 0 15px;
}

.swiper-slide img {
  max-height: 340px;
}

.swiper-container-2:hover {
  cursor: url(https://stable.stable-demos.com/wp-content/uploads/curse-custom-v2.png), auto;
}

.swiper-slide div {
  text-align: center;
  font-family: 'gt_sectra_fineregular_italic';
  display: block;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/css/swiper.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>

<!-- Slider main container -->
<div class="swiper-container-2">

  <!-- Additional required wrapper -->
  <div class="swiper-wrapper">

    <!-- Slides -->
    <div class="swiper-slide">

      <img src="https://stable.stable-demos.com/wp-content/uploads/slide-1.jpg" />
      <div>This is about this image</div>
    </div>
    <div class="swiper-slide">

      <img src="https://stable.stable-demos.com/wp-content/uploads/slide-2.jpg" />
      <div>Some information about this one too</div>
    </div>
    <div class="swiper-slide">

      <img src="https://stable.stable-demos.com/wp-content/uploads/slide-1.jpg" />
      <div>Wow this is amazing stuff</div>
    </div>
  </div>
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...