这篇文章主要给大家本文来源gao@!dai!ma.com搞$$代^@码!网!介绍了关于Vue实现返回顶部按钮的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
前言
本文主要介绍了Vue 实现返回顶部按钮的方法,下面话不多说,来直接看代码吧
实例代码:
<div class="scrollTop"> <div class="backTop"> <button> 返回顶部 </button></div> //数据源 <div></div></div> .scrollTop{ width: 100%; height: 100vh; overflow-y: scroll; } .backTop { position: fixed; bottom: 50px; z-index: 100; right: 0; background: white; }
总结
到此这篇关于Vue实现返回顶部按钮的文章就介绍到这了,更多相关Vue返回顶部按钮内容请搜索gaodaima搞代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持gaodaima搞代码网!
以上就是Vue实现返回顶部按钮实例代码的详细内容,更多请关注gaodaima搞代码网其它相关文章!