评论

解决自定义navigationBar以后，滚动条从navigationBar开始滚动（隐藏page滚动条）

2020-12-01
2740浏览
1评论

隐藏page滚动条

xml结构：

<自定义navigationBar></自定义navigationBar>

<view class="container" style="height:calc(100vh - {{CustomBar}}px)">
 <scroll-view scroll-y="{{true}}" style="height:100%;">
   <view style="height: 100%;overflow: scroll;">
      ..........
   </view>
  </scroll-view>
</view>

其中：
  • container的高度为页面的高度减去自定义导航栏的高度（CustomBar）
  • 将scroll-view和里面的view高度都设为100%
  • 最内层的view超出部分以scroll显示

如果有显示不全的地方，将scroll-view设置一个padding-bottom即可


最后一次编辑于  2020-12-01  
点赞 0
收藏
评论

1 个评论

  • AP-Rich㍿
    AP-Rich㍿
    2021-02-07

    请问你的CustomBar的高度如何获取，不同的手机好像是不一样的。

    2021-02-07
    赞同
    回复 1
    • AP-Rich㍿
      AP-Rich㍿
      2021-02-07
      找到了，在 wx.getSystemInfoSync()[‘statusBarHeight’]里有
      2021-02-07
      赞
      回复
请 登录 后发表内容
作者介绍

文章标签
自定义组件扩展