做平面免费接单网站,收费的网站如何免费,浦口网站建设,冬镜seo在使用ElementUI的Backtop回到顶部组件时#xff0c;单独复制这一行代码 el-backtop :right100 :bottom100 / 发现页面在向下滚动时#xff0c;并未出现Backtop组件。 可从以下3个方向进行分析#xff1a; 指定target属性#xff0c;且…在使用ElementUI的Backtop回到顶部组件时单独复制这一行代码 el-backtop :right100 :bottom100 / 发现页面在向下滚动时并未出现Backtop组件。 可从以下3个方向进行分析 指定target属性且一定要指向产生滚动条的组件。el-backtop/el-backtop一定要写于最外层块级区域的第一行不可写于代码末尾。要滚动的区域不能设置overflow: hidden否则无法显示。如果你怀疑全局css设置了overflow: hidden那么你可以在你要滚动的区域上添加样式overflow: auto进行覆盖。 以下为示例代码 htmlheadmeta charsetUTF-8 /meta nameviewport contentwidthdevice-width,initial-scale1.0 /script srchttps://unpkg.com/vuenext/script!-- import CSS --link relstylesheet hrefhttps://unpkg.com/element-plus/dist/index.css!-- import JavaScript --script srchttps://unpkg.com/element-plus/scripttitleAbout/title/headbodydiv idapp classmain_container styleheight:100%;overflow: auto;el-backtop target.main_container/el-backtop !-- Backtop组件 --!-- 其余代码 --div classcontainerdiv styleheight: 2400px;/div/divdiv styleheight: 2400px;/div/divscriptconst App {data() {return {};},methods: {}};const app Vue.createApp(App);app.use(ElementPlus);app.mount(#app);/script/body /html