如何让微信小程序中间的图标也跟着图上下滑动

让微信小程序中间的图标也跟着图上下滑动方法如下：

1、在WXML文件中创建一个固定高度的区域，并设置其为可滚动的。

2、在该区域内添加两个元素：一个用于显示上下滑动的图片，另一个用于显示图标。

3、在CSS样式文件中，对这两个元素分别设置相应的位置和样式。其中，上下滑动的图片需要设置position：absolute。top：0。left：0。width：100%。height：auto。z-index：-1。等属性，使其能够覆盖住整个区域并与图标区分开来。而图标元素则需要设置position：relative。等属性来保证其相对于父元素的位置不变。

4、使用JavaScript监听区域的滚动事件，获取当前滚动位置，并将其赋值给图标元素的top属性，以实现图标随着滚动上下移动。

步骤一：将整个小程序设置为全屏或者只把某个页面设置为全屏。

步骤二：自定义按钮样式

从图中我们可以看到，小程序顶部的标题栏，主要包括红色的手机状态栏和绿色的页面标题栏部分。我们需要获取到的是手机状态栏的高度，以及绿色部分的高度，好让我们自己的控件和标题对齐。

微信小程序开关有个别图标不展示原因如下：

1、图片资源不存在了，这个时候第一时间应该检查图片URL是否设置正确。

2、图片尽量都从自己服务器调用，从其他服务器调用，一旦设置了防盗链，图片一样是无法显示的。

3、从第三方复制内容的时候和图片一起复制了，时间长了，源文章删除了，图片也会无法访问的。

---