как сделать так, чтобы Scroll с текстом заполнял свиток - PullRequest
Новая
       7

как сделать так, чтобы Scroll с текстом заполнял свиток

0 голосов
/ 21 апреля 2020

(http://clapat.ro/themes/hervin-wordpress/)

Я сделал эффект прокрутки с большей ошибкой, подобной этой 

var swiper = new Swiper(".swiper-container", {
  pagination: ".swiper-pagination",
  direction: "vertical",

  slidesPerView: 1,
  paginationClickable: true,

  spaceBetween: 0,
  effect: "coverflow",
  coverflowEffect: {
    rotate: 5,
    slideShadows: true,
    modifier: 0,
    stretch: 10,
    depth: 300,
  },
  mousewheel: {
    releaseOnEdges: true,
    sensitivity: 50,
  },
  observer: true,
  observeParents: true,
  parallax: true,
  speed: 600,
  navigation: {
    nextEl: ".swiper-button-next",
    prevEl: ".swiper-button-prev",
  },
});

и результат такой же здесь https://swiperjs.com/demos/270-mousewheel-control.html

Теперь мне нужна идея, чтобы заполнить текст в свитке, как ссылка выше

1 Ответ

0 голосов
/ 21 апреля 2020

вам, вероятно, не нужен Swiper для этого, этого эффекта можно достичь с помощью некоторых методов параллакса, вам может понадобиться сторонняя библиотека, чтобы упростить вашу жизнь

Если вы используете реагирование, вы можете использовать FramerMotion или spring если вы используете vanilla javascript, вы можете найти десятки библиотек параллакса с прокруткой, которые вы можете проверить этой

...