小程序
小游戏
企业微信
微信支付
扫描小程序码分享
我的小程序在没有更新源码的情况下。底部菜单栏用的 cover-view 设置的position:fixed bottom:0再ios 没有更新之前底部菜单栏是固定再底部的没有出现任何问题,但是再这段时间,突然间出现了一个问题 就是 position:fixed 失效了 开始是会固定再底部,但是页面滚动的时候 底部菜单栏也跟着滚动了。 安卓没有问题,希望大佬能帮忙解决一下。急急急
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
其实是 cover-view的 position-fixed 问题 最近几天出现的问题。机型:iphoneX,phone6Plus 微信版本:6.7.3
代码片段:
<
cover-view
class
=
"tabBar"
style
'top:{{screenHeight - toolbarHeight}}px;'
>
wx:for
"{{toolbar}}"
wx:key
"functionBaseId"
"tabBarNav {{toolbarItemWidth}}"
data-url
"{{item.url}}?functionBaseId={{item.functionBaseId}}"
bindtap
'toolbarRedirectPage'
"navIcon"
cover-image
wx:if
"{{item.active}}"
src
"{{item.imgPathChecked}}"
"img"
/>
"{{!item.active}}"
"{{item.imgPath}}"
<!-- <cover-image wx:if="{{item.functionBaseId==1113}}" src="https://mycvs.winpeace.com.cn/mycvs/static/image/newCircle.png" class="redCircle" /> -->
</
"navText"
"active"
>{{item.functionName}}</
"normmal"
"clear"
></
.tabBar {
position
:
fixed
;
left
0
right
height
50px
border-top
: .
5px
solid
#dedede
box-shadow:
-0.5px
.
z-index
99999999
background-color
white
}
麻烦按照教程来提供代码片段
这个问题已经修复,会跟着近期发布的版本上。
cover-view外层有时候 position:fixed 无效https://developers.weixin.qq.com/community/develop/doc/000608c65541d0a3f4874a54758c00
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
其实是 cover-view的 position-fixed 问题 最近几天出现的问题。机型:iphoneX,phone6Plus 微信版本:6.7.3
代码片段:
<
cover-view
class
=
"tabBar"
style
=
'top:{{screenHeight - toolbarHeight}}px;'
>
<
cover-view
wx:for
=
"{{toolbar}}"
wx:key
=
"functionBaseId"
class
=
"tabBarNav {{toolbarItemWidth}}"
data-url
=
"{{item.url}}?functionBaseId={{item.functionBaseId}}"
bindtap
=
'toolbarRedirectPage'
>
<
cover-view
class
=
"navIcon"
>
<
cover-image
wx:if
=
"{{item.active}}"
src
=
"{{item.imgPathChecked}}"
class
=
"img"
/>
<
cover-image
wx:if
=
"{{!item.active}}"
src
=
"{{item.imgPath}}"
class
=
"img"
/>
<!-- <cover-image wx:if="{{item.functionBaseId==1113}}" src="https://mycvs.winpeace.com.cn/mycvs/static/image/newCircle.png" class="redCircle" /> -->
</
cover-view
>
<
cover-view
class
=
"navText"
>
<
cover-view
wx:if
=
"{{item.active}}"
class
=
"active"
>{{item.functionName}}</
cover-view
>
<
cover-view
wx:if
=
"{{!item.active}}"
class
=
"normmal"
>{{item.functionName}}</
cover-view
>
</
cover-view
>
</
cover-view
>
<
cover-view
class
=
"clear"
></
cover-view
>
</
cover-view
>
.tabBar {
position
:
fixed
;
left
:
0
;
right
:
0
;
height
:
50px
;
border-top
: .
5px
solid
#dedede
;
box-shadow:
0
-0.5px
.
5px
.
5px
#dedede
;
z-index
:
99999999
;
background-color
:
white
;
}
麻烦按照教程来提供代码片段
这个问题已经修复,会跟着近期发布的版本上。