Saya ingin membuat pengguliran halaman otomatis menggunakan Vue JS Saya melihat beberapa opsi, tetapi mereka tidak membantu saya di sini adalah kode saya

<template>
  <div class="wrapper">
    <div class="main"></div>
    <div class="main"></div>
    <div class="main"></div>
    <div class="main"></div>
  </div>
</template>

<style scoped>
.wrapper {
  width: min-content;
  margin: auto;
  height: 400px;
  overflow: scroll;
}
.main {
  width: 250px;
  height: 200px;
  background: red;
  border: 1px solid white;
  margin-bottom: 10px;
}
</style>

Berikut adalah kode yang diberikan di codesandbox

0
Synchro 12 Mei 2021, 13:19

1 menjawab

Jawaban Terbaik

Buat interval yang dieksekusi pada frekuensi yang Anda inginkan dan gulir dari atas berdasarkan beberapa perhitungan matematis.

const wrapper = document.querySelector('.wrapper')

setInterval( () => {
  wrapper.scrollTop = wrapper.scrollTop + 20
}, 1000)
0
Ohgodwhy 12 Mei 2021, 10:44