收藏
回答

请问page的纵向滚动条如何隐藏?

代码结构和页面效果如下,

page的高度被内容撑开,出现了滚动条,请问大佬如何通过样式隐藏?

回答关注问题邀请回答
收藏

3 个回答

  • ElPsyCongroo
    ElPsyCongroo
    星期三 16:16

    1: 内部弄个容器 height: 100vh ; 缺点是一些api 无法使用 , 例如pageScrollTo , 下拉刷新 , 上拉显示更多 , image懒加载等等

    2: scroll-view ; 性能差

    3: 如果page有padding-right的话 , 用 cover-view 可以遮住滚动条 , 当然背景要是纯色 , 要不然就露底了

    4: 用新的skyline框架

    星期三 16:16
    有用
    回复
  • 郑钱花
    郑钱花
    04-25

    webkit-scrollbar 的操作没有用,最优雅完美的方案是 scroll-view处理

    04-25
    有用
    回复 1
    • 叫我大王
      叫我大王
      04-25
      谢谢大佬
      04-25
      回复
  • 0
    0
    04-25

    ::-webkit-scrollbar {

      display: none;

      width: 0 !important;

      height: 0 !important;

      -webkit-appearance: none;

      background: transparent;

    }


    .scroll-view::-webkit-scrollbar {

      display: none;

      width: 0 !important;

      height: 0 !important;

      -webkit-appearance: none;

      background: transparent;

    }


    04-25
    有用
    回复 2
登录 后发表内容