screen_rotation
Copied to Clipboard
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://unpkg.com/vue@3/dist/vue.global.prod.js"></script> </head> <body> <div id="app"> <h3>Vue 3 Scroll Bottom of Page</h3> <button @click="scrollToBottom">Scroll to Bottom</button> </div> <script type="module"> const { createApp } = Vue; createApp({ setup() { const scrollToBottom = () => { window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' }); }; return { scrollToBottom }; } }).mount("#app"); </script> <style scoped> body { height: 3000px } </style> </body> </html>