城镇建设部网站,怎么自己免费制作app,咸阳市网站建设公司,wordpress响应式网站模板在使用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
