微信小程序页面 scroll-view滚动条隐藏

设置隐藏css

/* 隐藏滚动条 */
::-webkit-scrollbar {width: 0;height: 0;color: transparent;display: none;
}

如果scroll-view高度为整个页面高度是不行的，

解决技巧，给scroll-view高度为整个页面高度时候减去1px。

scroll-view高度为整个页面高度

方法一：通过wx系统信息设置给scroll-view

wx.getSystemInfoSync().windowHeight // 获取当前窗口的高度

方法二

<scroll-view scroll-y="true" style="position:absolute; top:0; left:0; right:0; bottom:0;">
</scroll-view>

微信小程序页面 scroll-view滚动条隐藏相关推荐

微信小程序页面文字超出一行隐藏，文字超出两行隐藏。
页面文字超出一行隐藏,如图所示: wxml <view class="listcbsTitle" >卡通书签卡通书签卡通书签卡通书签卡通书签卡通书签卡通书签</v ...
微信小程序界面从右边滑出_微信小程序页面溢出左右滑动问题
微信小程序页面中view设置width:100%之后,页面右边会多出一块白区域,并且可以左右滑动,解决方法是给这个view加一个box-sizing:border-box; 欢迎使用Markdown ...
微信小程序页面溢出左右滑动问题
微信小程序页面中view设置width:100%之后,页面右边会多出一块白区域,并且可以左右滑动,解决方法是给这个view加一个box-sizing:border-box; 欢迎使用Markdown ...
微信小程序页面搜索框查询（无后台接口情况下）
微信小程序页面搜索框查询(无后台接口情况下) 效果图: wxml <view class="container"><view class="goodsl ...
微信小程序页面跳转方法总结
微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: // 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面. // ...
微信小程序页面上下滚动、左右滑动（二）
系列文章目录微信小程序页面上下滚动.左右滑动(一) 文章目录系列文章目录前言项目结构解决问题1 1.pretest页面 2.test页面解决问题2 总结参考前言在上一篇文章,讲解了再 ...
微信小程序页面竖向滚动逻辑
微信小程序页面竖向滚动逻辑 1.实现下面类似的数组注:下面这个生成的数组最好是整数,滑动的时候会失去精度的,要不然你永远会差一点,让你崩溃的.而且你永远不知道差在哪里. this.leftScrol ...
微信小程序页面传值文本解密问题
微信小程序页面传值文本解密问题遇到问题最近在做小程序,遇到这样一个需求: 将百度的Ueditor编辑器存入的文本数据显示在小程序中,需要保留之前的样式,这就用到了 WxParse插件,它能够用解 ...
微信小程序页面跳转后定时器如何关闭
微信小程序页面跳转后定时器如何关闭 1.在页面中定义,定时器形参,并在跳转到其它页面后,在隐藏和未加载中删除定时器 Page({data: {timer:'',//定义定时器形参,为空字符在这里插入代 ...
微信小程序页面跳转如何传递对象参数
前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家.大家及时保存,说不定啥时候就没了. 微信小程序页面跳转如 ...

微信小程序页面 scroll-view滚动条隐藏

设置隐藏css

scroll-view高度为整个页面高度

微信小程序页面 scroll-view滚动条隐藏相关推荐

最新文章

热门文章