<template><div class="home">滑動滾輪然后給我滾回來<el-backtop target=".home"><div class="back">滾到頂部</div></el-backtop><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1><h1>滾</h1></div> </template> <script>export default {name: 'home',} </script> <style>.home {border: 1px solid red;height: 500px;//注意，給個高度才有效果overflow-y: scroll;}.back {background-color: red;color: #fff;border-radius: 20px;} </style>

注意事項

• target=".home"
• height: 500px;//注意，給個高度才有效果
• overflow-y: scroll;

總結

以上是生活随笔為你收集整理的elementui回到顶部Backtop的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。