收藏
评论

skyline scroll-view 隐藏滚动条官方

webview 框架下设置 show-scrollbar 属性需要同时开启 enhanced  

skyline 框架不需要设置 enhanced 属性,直接设置 show-scrollbar="{{false}}" 即可

相关主页:
110655浏览
最后一次编辑于  2023-11-10
知识库内容非实时更新,可能已过期、失效或不适用于当前情形,请谨慎参考
收藏
反馈

10 个评论

  • 从君华
    从君华
    2024-03-16

    发这里不如直接在文档中写清楚。

    2024-03-16
    赞同 10
    回复
  • 超
    01-05

    十个人就有一万个人有不让显示的需求,直接在原生组件默认不显示不行吗,非得显示出来,关键处理起来又不好处理。我真是服啦

    01-05
    赞同 4
    回复
  • SEYK
    SEYK
    02-05

    完全都不生效,写了enhanced也不生效,用css强行display:none;依然不生效

    02-05
    赞同 2
    回复
  • Riki
    Riki
    07-11
    enhanced="{{true}}"
    show-scrollbar="{{false}}"     
    在哪里都生效
    


    07-11
    赞同 1
    回复
  • 子墨
    子墨
    01-13

    完全不生效,写不写enhanced都不生效,用css强行display:none;依然不生效,请问你们官方到底是怎么处理的?

    01-13
    赞同 1
    回复 1
    • 李斌鹏
      李斌鹏
      02-14
      我这边开发工具上没有生效,真机上生效了
      02-14
      回复
  • Farewell
    Farewell
    2024-12-21

    使用后不生效


    2024-12-21
    赞同 1
    回复
  • 林竹溪
    林竹溪
    09-05

    直接扔给AI IDE处理吧,不要自己改了,累。

    09-05
    赞同
    回复
  • 林竹溪
    林竹溪
    07-08

    测试代码如下,页面顶部和底部导航栏都是用的 vant 小程序组件,不管是用IDE自带的模拟器或者真机调试都没效果,代码如下:

    xml

    <!-- 顶部导航栏 -->
    <van-nav-bar title="会议列表" bind:click-left="onClickHome" placeholder fixed>
        <van-icon name="wap-home-o" size="25" slot="left" />
    </van-nav-bar>
    <!-- index.html -->
    <view class="main-container">
        <scroll-view 
        scroll-y 
        class="scroll-view-warpper" 
        upper-threshold="50" 
        lower-threshold="50" 
        bindscrolltoupper="onScrollToUpper" 
        bindscrolltolower="onScrollToLower" 
        bindscroll="onScroll" 
        refresher-enabled 
        refresher-threshold="45" 
        refresher-default-style="black" 
        bindrefresherrefresh="onRefresherRefresh" 
        enhanced="true"
        show-scrollbar="false"     
        >
            <view class="item" wx:for="{{list}}" wx:key="index">{{item}}</view>
            <view slot="refresher" class="refresher">
                <text wx:if="{{refresherTriggered}}">刷新中...</text>
                <text wx:else>下拉刷新</text>
            </view>
        </scroll-view>
    </view>
    <!-- 底部tabbar -->
    <van-tabbar active="{{ active }}" bind:change="onChange" placeholder>
        <van-tabbar-item icon="home-o" url="/pages/index/index">主页</van-tabbar-item>
        <van-tabbar-item icon="add-o" url="/pages/meeting/add/add">发起会议</van-tabbar-item>
        <van-tabbar-item icon="user-o" url="/pages/my/my">我的</van-tabbar-item>
    </van-tabbar>
    


    js

    Page({
    
    
      /**
       * 页面的初始数据
       */
      data: {
        list: Array.from({ length: 100 }, (_, i) => `Item ${i + 1}`),
        refresherTriggered: false
      },
      onScrollToUpper() {
        console.log('滚动到顶部');
      },
      onScrollToLower() {
        console.log('滚动到底部');
      },
      onScroll(event) {
        console.log('滚动位置:', event.detail.scrollTop);
      },
      onRefresherRefresh() {
        this.setData({ refresherTriggered: true });
        setTimeout(() => {
          this.setData({
            list: Array.from({ length: 50 }, (_, i) => `Item ${i + 1}`), // 模拟刷新数据
            refresherTriggered: false
          });
        }, 1000);
      },
    
    
    
      /**
       * 导航栏事件处理
       */
      onClickHome() {
        console.log("click me for navigation bar");
        wx.navigateTo({
          url: '/pages/index/index'
        });
      }
    
    
    })
    


    这是为什么?


    07-08
    赞同
    回复 1
    • 萧逸雨
      萧逸雨
      07-26
      参考楼上,必须 boolean 值。enhanced="{{true}}"
      show-scrollbar="{{false}}"
      07-26
      1
      回复
  • waterbang
    waterbang
    05-23

    我去,模拟器不隐藏,但是真机上隐藏了,但是真机上点击还是有效果

    05-23
    赞同
    回复
  • waterbang
    waterbang
    05-16

    真机上生效,模拟器上不生效

    05-16
    赞同
    回复
登录 后发表内容