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

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

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

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

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

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

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

微信小程序直播消息滑动,1.打开微信,点击发现,找到小程序点击,进入小程序以后,在搜索框内输入手持d幕。

2.进入小程序之后可以看到字幕的样式,选择中间滚动的字幕样式

3.对边点击一处找到输入框,在输入框内输入你想显示的内容,点击右边的选项可以调节字幕内容的大小、颜色以及滚动速度等,然后保存到手机中就可以了。

页面中view设置width:100%之后,页面右边会多出一块白区域,并且可以左右滑动,解决方法是给这个view加一个box-sizing:border-box

2.

直接给最外层的view设置一个overflow-x:hidden//裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话进行隐藏

3.

在json文件里面加 "disableScroll": true

4.

给page一个d性盒子 page { width:100%display: flex} 然后将page下面的根元素盒子宽度设为100%,overflow:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/11960560.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存