<template> <div class = "main-logo"> <b-button class = "logo-img" pill variant="danger" v-on:click="greet()">some text</b-button> </div> </template>
<script> export default { name: 'main-logo', methods: { greet: function () { let elementToScroll = document.getElementById("mainboard"); elementToScroll.scrollBy({ top: 0, behavior: "smooth", }); } } } </script>
<style scoped> .main-logo { position: fixed; width: 100vw; padding-top: 60px; padding-bottom: 60px; background: goldenrod; z-index: 1; } </style>
Work with our skilled Vue developers to accelerate your project and boost its performance.
Hire Vuejs Developers