支付宝小程序悬浮按钮

一、背景

在支付宝或者说钉钉小程序h5页面边上加个浮动的按钮，其实本来就想加个口子，能够作为使用说明文字的入口，开始想用下拉刷新my.startPullDownRefresh，一下拉就显示说明文字，但下拉刷新不是干这个的，官方文档说明比较少，没办法重写，放弃了，后来网友提示我说做个浮动按钮，浮动按钮可以使用决定定位，但对于我这个菜逼来说还是太难了，我还想手按住按钮，按钮就能挪到哪，都太难或者说我懒得研究哈哈，最后用了fixed 定位成功解决，那个按钮就浮动在一个位置不变，无论你怎么滑动，是我想要的结果，弄了一天啊，又是切图的

二、解决方案

.kefu {
  position: fixed;
  /* position: sticky; */
  top: 350px;
  left: 280px;
  /* z-index: 2; */
  
}

<view class="kefu">
  <image style="background-size:10% 12%"; class="kefu-img" src="../../source/images/kefu8.png" onTap="scan"/>
</view>

就这么简单哈哈哈

三、看看效果

无论你怎么滑动，你的信息流有多少页 那个icon他都在那里！！！！


ps：
好久没写文章了，，，，