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

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

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

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

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

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

重新设置。1、首先打开手机应用，点击下面的小正方形图标。

2、然后点击上面的悬浮窗图标，按住蓝色的横线可以把小窗口移动到要放扒裂置的位置。

3、最后要调节小窗口大小，可开启分屏模消哗式，上下调春桥闭节大小。

微信小程序设置没授权时的背景的方法：

1、 添加背景图（两步曲）

（1）、先在wxml里写一个块，块里包含一张图片即可，其实不加块也行，单独的一张图片就行了。

登录后复制

（2）、在wxss里，咱们定义这个图片的规格就行了，那个块里面的”content”可以不去做任何处理登录大唤数后复制

*解释：position据我的理解是滚首，你要设置背景图，你肯定除了背景之外，还要有其他组件的，如果你就是想做个壁纸小程序的话，那你不用写这个，并且请你跳过后面的解释。

那这样，假如你有两个或多个组件，这里我们假设只有两个组件，第一个就是背景图，第二个也是个图片，这有两张图片，那你在wxml中写代码一般都是这样

这样你去运行保存的话，他就会呈现出两个上下分布的块，并没有出现背景图的效果，这个时候，我们就加个posittion : flexd，让上面的背景随便伸缩到任意一个位置，链罩不会呈现出区域化的问题了，并且还要加z-index：-1，这是为了使背景图这个块变成最底层，各种好看的页面都是一层一层的，而这种层数不管再多，你人眼都观察不出它的厚度的好嘛。

---