<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
