如何让Scroll像这样在scroll中填充文本

Question

( 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

现在我需要任何想法来填写上述滚动类似链接的文本

Answer 1

你可能不需要Swiper，这个效果可以通过一些视差技术来实现，你可能需要一些第三方库来让你的生活更轻松

如果您使用的是react，则可以使用FramerMotion或spring。如果您使用的是vanilla javascript，您可以找到几十个视差滚动库，您可以查看this one