Как запустить smooth-scrollbar?

Question

Смотрю сюда и пытаюсь включить smooth-scrollbar.
Вроде делаю всё по документации, но ничего не работает

const mainNode = document.querySelector('#main');

Scrollbar.init(mainNode);

body {
  margin: 0;
}

section {
  height: 50vh;
}

section:nth-child(2n) {
  background-color: black;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/smooth-scrollbar/8.7.4/smooth-scrollbar.min.js"></script>

<main class="main" id="main" data-scrollbar>

  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>

</main>

Answer 1

Необходимо ограничивать высоту прокручиваемого блока, чтобы контент из него "вываливался"

const mainNode = document.querySelector('#main');

Scrollbar.init(mainNode);

body {
  margin: 0;
}

section {
  height: 50vh;
}

section:nth-child(2n) {
  background-color: black;
}

.main {
  height: 100vh;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/smooth-scrollbar/8.7.4/smooth-scrollbar.min.js"></script>

<main class="main" id="main" data-scrollbar>

  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>
  <section></section>

</main>

БЛОГ НА HUSL

Как запустить smooth-scrollbar?

Ответы (1 шт):