elementui回到顶部Backtop

<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相关推荐

element-ui 回到顶部组件el-backtop
参考: 1,https://blog.csdn.net/weixin_42598901/article/details/99674145 2,https://www.cnblogs.com/roger ...
HTML学习笔记之二（回到顶部与回到底部）
回到顶部回到底部回到顶部的俩种方式一.使用js [javascript] view plaincopy $('html, body').animate({ scrollTop: 0 }, 'fa ...
Vue使用Element-UI时点击下一页回到顶部（锚点）
用了很多方法都不起作用,scroll就像死了一样一直是0.最后在<el-backtop>组件中找到他的底层方法,直接调用这个方法可以实现回到顶部,或者说回到任意锚点 el-backtop ...
Vue+element UI实现“回到顶部”按钮组件
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/caomage/article/details/85006973 背景开发框架是vue+webpac ...
Vue HTML：在Vue上写Html遇到的一些问题，html的首行缩进，html的行间距，element UI的回到顶部不显示
Vue & HTML:在Vue上写Html遇到的一些问题,html的首行缩进,html的行间距,element UI的回到顶部不显示资源: HTML 教程- (HTML5 标准) 怎么快速上 ...
Vue监听滚动条事件点击回到顶部
Vue监听滚动条事件点击回到顶部监听滚顶条事件: created () {this.listenerFunction(); }, beforeDestroy () {document.remove ...
html 两个idv上下居中,Django搭建个人博客：回到顶部浮动按钮、矢量图标、页脚沉底和粘性侧边栏...
本章集中介绍四个重要的小功能:回到顶部浮动按钮.矢量图标.页脚沉底和粘性侧边栏. 这几个功能与Django基本没啥关系,更多的是前端知识,但是对博客网站都很重要,问的读者也比较多,因此也集中讲一下好了 ...
hexo（sakura）给博客增添侧边栏（回到顶部，跳转评论，深色模式，播放音乐)Valine-1.4.4新版本尝鲜+个性制定（表情包、qq头像、UI样式）
文章目录 hexo(sakura)给博客增添侧边栏(回到顶部,跳转评论,深色模式,播放音乐) 原理直接使用 Valine-1.4.4新版本尝鲜+个性制定(表情包.qq头像.UI样式) 总结本文全是 ...
vue中平滑地回到顶部，回到底部
监听的滚动条需要平稳滑动,所以设置几个值,一个定时器.一个定义的scrollTop,方便后续操作 data(){scrollTop: 0,timer: null,scrollBottom: 0,tim ...
【Vue.js】Vue.js组件库Element中的图片、回到顶部、无限滚动和抽屉
1.Image 图片图片容器,在保留原生img的特性下,支持懒加载,自定义占位.加载失败等. 基础用法可通过fit确定图片如何适应到容器框,同原生 object-fit. <div clas ...

elementui回到顶部Backtop

注意事项

elementui回到顶部Backtop相关推荐

最新文章

热门文章