怎么解决顶部tab遮盖下拉刷新动画?
发布于 4 年前 作者 yjia 13116 次浏览 来自 官方Issues

顶部tab选项卡用的vant的ui,原先下拉的时候会带动tab一起滚动

随后设置了tab的样式:

    position:fixed;

    top:0;

    left:0;

    right:0;

    width:100%;

    z-index:99999;

列表页面样式:

padding-top:45px;

设置样式后,下拉时候tab不会随页面滚动,但是触发wx.startPullDownRefresh后,不会出现下拉刷新样式

手动下拉页面,发现刷新动画在页面上方
尝试改动页面位置:page设置padding-top,margin-top都没效果

1 回复

2个建议。

  1. 顶部tab变成 sticky 组件

  2. 屏蔽页面的上拉下拉。采用 scroll-view 组件实现

回到顶部