小程序
小游戏
企业微信
微信支付
扫描小程序码分享
webview 框架下设置 show-scrollbar 属性需要同时开启 enhanced
skyline 框架不需要设置 enhanced 属性,直接设置 show-scrollbar="{{false}}" 即可
10 个评论
加粗
标红
插入代码
插入链接
插入图片
上传视频
发这里不如直接在文档中写清楚。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
十个人就有一万个人有不让显示的需求,直接在原生组件默认不显示不行吗,非得显示出来,关键处理起来又不好处理。我真是服啦
完全都不生效,写了enhanced也不生效,用css强行display:none;依然不生效
enhanced="{{true}}" show-scrollbar="{{false}}" 在哪里都生效
完全不生效,写不写enhanced都不生效,用css强行display:none;依然不生效,请问你们官方到底是怎么处理的?
使用后不生效
直接扔给AI IDE处理吧,不要自己改了,累。
测试代码如下,页面顶部和底部导航栏都是用的 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' }); } })
这是为什么?
我去,模拟器不隐藏,但是真机上隐藏了,但是真机上点击还是有效果
真机上生效,模拟器上不生效
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
发这里不如直接在文档中写清楚。
十个人就有一万个人有不让显示的需求,直接在原生组件默认不显示不行吗,非得显示出来,关键处理起来又不好处理。我真是服啦
完全都不生效,写了enhanced也不生效,用css强行display:none;依然不生效
enhanced="{{true}}" show-scrollbar="{{false}}" 在哪里都生效完全不生效,写不写enhanced都不生效,用css强行display:none;依然不生效,请问你们官方到底是怎么处理的?
使用后不生效
直接扔给AI IDE处理吧,不要自己改了,累。
测试代码如下,页面顶部和底部导航栏都是用的 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' }); } })这是为什么?
show-scrollbar="{{false}}"
我去,模拟器不隐藏,但是真机上隐藏了,但是真机上点击还是有效果
真机上生效,模拟器上不生效