17 lines
613 B
Vue
17 lines
613 B
Vue
<template>
|
||
<section class="py-4 sm:flex justify-center items-center">
|
||
<button @click="scrollDown"
|
||
class="p-6 h-14 leading-3 flex justify-center bg-green-500 text-white text-lg capitalize font-semibold mb-4 sm:mb-0 rounded-full shadow-md hover:bg-green-400 focus:outline-none focus:ring-4 hover:ring-indigo-200 focus:ring-indigo-300 focus:ring-opacity-100 transition-all">
|
||
↓
|
||
</button>
|
||
</section>
|
||
</template>
|
||
|
||
<script setup>
|
||
function scrollDown() {
|
||
window.scrollBy({
|
||
top: window.innerHeight, // une hauteur d’écran
|
||
behavior: 'smooth' // animation fluide
|
||
})
|
||
}
|
||
</script> |