Snap Scroll не работает при использовании бесконечной прокрутки

Question

Попытка привязаться к каждому контейнеру в бесконечной прокрутке.

К сожалению, я действительно не знаю, что мне не хватает в этом - поиграть с большим количеством настроек div и не повезло.

Первоначально предполагалось, что параметр scroll-snap-type должен быть в том элементе div, из которого получен свиток, но я пытался перемещать его по элементам div и не смог заставить его работать.

Любая помощь будет высоко ценится!

с CSS

.snap-container {
  scroll-snap-type: y mandatory;
  overflow: scroll;
}

.child {
  scroll-snap-align: start;
}

С HTML

<div class="infinite-container">
  <div class="snap-container">
  {% for post in feed %}
    <div class="infinite-item">
      <div class="child">
      <div class="scrolling-wrapper">
        <div class="card">
          <div class="content-section">
              <img class="rounded-circle account-img" src="{{ post.creator.image.url }}">
              <div class="media-body">
                <a class="account-heading" href='/profile/{{ post.creator.pk }}'>{{ post.creator.user.username }}</a>
<div class="video-container">
                <video src="{{ post.highlight.highlight.url }}" type='video/mp4' controls data-id="{{ post.pk }}" width="1920" height="1080">
                  Program is incompatable with your browser, please update it.
                </video>