PC端网页vue项目，页面滚动点击悬浮按钮最快的方法
发布于2021-05-30 19:38 阅读(489) 评论(0) 点赞(30) 收藏(1)
业务场景，可视化大屏右下角添加一个悬浮按钮，点击按钮页面滚动到顶部。
经过实验，使用锚点是最简单的办法。
方法一：锚点
给顶部的合适位置添加一个 name="top"的锚点，maodianTop用于控制样式，可以不设置。
<a class="maodianTop" name="top"></a>
点击部分的超链接。
<a href="#top">置顶</a>
嵌套一下
<div class="zhiDing"><a href="#top">置顶</a></div>
给按钮添加css样式，根据自己的审美设置。
- .zhiDing{
- color: #fff;
- position: fixed;
- right: 0.6rem;
- bottom:0.88rem;
- width: 0.6rem;
- height: 0.6rem;
- border-radius: 50%;
- z-index: 999;
- overflow: hidden;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .2
原文链接:https://blog.csdn.net/weixin_41937552/article/details/117386426
所属网站分类: 技术文章 > 博客
作者：美丽的老婆你听我说
链接：http://www.phpheidong.com/blog/article/86759/f73bb92ec32e8f955199/
来源：php黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力