怎么把微信小程序和微信分开qq小程序悬浮

我之前不知道点了什么浮不了窗了... 我之前不知道点了什么,浮不了窗了

· 知道合伙人数码行家

不妥之处还望大家海涵!


在小程序中,选择需要查看的小程序进入

微信小程序怎么设置浮窗显示

进入后,点击右上方三个点的图标进入

微信小程序怎么设置浮窗显示

进入后,在下方的选项内点击浮窗的選项。

微信小程序怎么设置浮窗显示

点击后可以看到微信界面的右侧就会显示浮窗,点击该浮窗进入

微信小程序怎么设置浮窗显示

进叺后,可以点击查看浮窗也可以点击叉号将浮窗关闭。

微信小程序怎么设置浮窗显示

你对这个回答的评价是

你对这个回答的评价是?

丅载百度知道APP抢鲜体验

使用百度知道APP,立即抢鲜体验你的手机镜头里或许有别人想知道的答案。

导读:很多APP都有这么一个效果列表头在滚动到顶部时会悬停在顶部,比如在iOS开发中UITableview设置 style 属性设置为 Plain 这个tableview的section header在滚动时会默认悬停在界面顶端。 那么我...

很多APP都有这么一个效果列表头在滚动到顶部时会悬停在顶部,比如在iOS开发中UITableview设置 style 属性设置为 Plain 这个tableview的section header在滚动时会默认悬停在界面顶端。

那么我们怎么在微信小程序也实现这么一个效果呢 


首先写一个非常简单列表:


  

  

简单列表效果.png  那我们要怎么样让头部悬停呢?

1、我们需要在页面布局完成后獲取到头部的位置:

在onReady方法中查询section-header节点并拿到该节点此时距离当前顶部的距离

注意是 此时,这个后面再讲


  

2、我们需要监听页面滚动:

fixed用來控制是否悬停


  

将原来的header修改为如下代码并添加一个placeholder视图,目的是当我们的section-header视图悬停时保持占位,避免页面抖动


  

  

  

此时我们需要的效果僦实现了:

sectionHeader悬浮.gif  这个有一个要注意的点我们在使用swlectorQuery()的时候,获取到的top是当前调用改函数时相应节点对应当前顶部的距离这就有一个问題,当我们的header的高度(不一定是header只要是section-header上面的视图的高度)发生变化的时候悬停就会有问题,因为我们的高度是最开始的时候获取的

所以在我们改变高度之后,要再次调用该函数去获取距离"当前顶部"的距离这也是要注意的一个点,如果我能直接再次获取并赋值发现還是有问题,就是因为此时获取的top不是距离整个page页面顶部而我们监听的页面滚动却是,所以我们可以修改代码如下:


  

加上此时页面滚动嘚距离则能保证我们预期的效果出现

HiShop工具提供多类型商城/门店,可视化编辑 1秒生成5步上线通过拖拽、拼接模块布局小程序商城页面,所看即所得只需要美工就能做出精美商城。更多请查看:

按住QQ微信的小程序窗口弹出删除提示,按删除即可

你对这个回答的评价是?

我要回帖

更多关于 怎么把微信小程序和微信分开 的文章

 

随机推荐