screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <h2>Vue Js Scroll to Element on Click</h2> <p>Press the button to scroll to the element.</p> <button @click="scrollToElement">Scroll to element</button> <div style="height: 1000px;"></div> <div ref="myElement"> <h1>Welcome to my website!</h1> <p>This is the content of my element.</p> </div> <div style="height: 1000px;"></div> </div> <script> new Vue({ el: '#app', methods: { scrollToElement() { const element = this.$refs.myElement; const top = element.offsetTop; window.scrollTo({ top: top, behavior: 'smooth' }); } } }); </script> </body> </html>