微信小程序scroll-view隐藏滚动条方法

不管是移动还是小程序我们在开发的时候总会遇到滚动条的问题,今天我也遇到了,加入以下代码即可解决。

在你当前文件的在wxss里加入以下代码:

::-webkit-scrollbar{
width: 0;
height: 0;
color: transparent;
}

原文地址:https://www.cnblogs.com/xuwen777/p/11703561.html

时间: 2024-10-13 22:44:46

微信小程序scroll-view隐藏滚动条方法的相关文章

微信小程序传值以及获取值方法

微信小程序传值以及获取值方法,传值有两种方法,对应也有获取值得方法, 1.设置id的方法标识跳转后传递的参数值: 2.通过使用data - xxxx 的方法来标识要传递的值 微信小程序设置id的方法标识来传值 在要跳转的item处,设置一个id并给当前的id赋值上对应的key值,比如一部电影的id(后面带着id去下一个页面查询,详细信息)如: 后我们在js的bindtap的响应事件中获取,并传递到下一个界面中: 获取到id传的值 通过e.currentTarget.id;获取设置的id值,并通过

微信小程序wx:for隐藏遍历的最后一个元素

微信小程序开发时有时会需要从wx:for遍历的元素中选取最后一个来进行相关操作,以下方法以隐藏最后一个元素为例 index==list.length-1 通过获取列表的总长度减一来得到最后一个元素是最普遍的方法 <block wx:for="{{time}}" wx:key="item" data-index="{{index}}"> <view class="bottomLine" hidden='{{in

微信小程序之选项卡的实现方法

微信小程序里没有自带选项卡组件,但是却带有swiper组件,所以,我们便利用swiper来实现选项卡的功能. 先看效果图: 实现代码: 页面代码: 1 2 3 4 5 6 7 8 9 10 11 <view class="swiper-tab">   <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="

【微信小程序】引入外部js 方法

微信小程序引入外部js 方法 步骤: 1.首先将外部js放在你指定的文件夹里  如:utils/fecth.js 2.接下来 将该js文件中你要使用的方法给暴露出来 3.在您要使用的js中引入该js ,并使用暴露出来的方法 步骤1:使用utils文件夹下的 fetch.js 方法 步骤2:将我要使用的方法用 module.exports 给暴露出来 下面是一个网络请求的js方法: module.exports = (url, data) => { return new Promise((reso

微信小程序request(promise)方法封装

var Promise = require('es6-promise'); var app = getApp(); function wxPromisify(fn) { return function (obj = {}) { return new Promise((resolve, reject) => { obj.success = function (res) { //成功 resolve(res) } obj.fail = function (res) { //失败 reject(res

小程序中关于隐藏滚动条的方法

代码: .course-list .list-wrap{ display: block; width: 678rpx; height: 353rpx; margin: 0 auto; margin-top: 91rpx; overflow: hidden; overflow-y: scroll; } ::-webkit-scrollbar { width: 0; height: 0; color: transparent; } 主要是 -webkit-scrollbar该css样式起到了作用.

微信小程序 解决 view 文字 过多 溢出的问题,超过行数后隐藏显示省略号

多行文本 .note_item text { display: -webkit-box; font-size: 28rpx; color: #000000; line-height: 40rpx; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; } 单行文本 .note2_item text { displa

微信小程序将view动态填满全屏

一.在app.js利用官方方法获取设备信息 App({ onLaunch: function() { wx.getSystemInfo({ success: res => { this.globalData.systemInfo = res } }) }, globalData: { systemInfo: null } }) 获取到的windowWidth.windowHeight等度量单位为 px 二.在要使用的页面的js文件里将单位统一为rpx const app = getApp() P

微信小程序的wx.request请求方法,标准写法

wx.request({ url: 'https://127.0.0.1:8443/user/testRSA',//请求路径 data:{ column: output //请求数据 }, header:{ 'content-type':"application/json", //请求头 }, method:"POST", //请求方法 dataType:"json",//请求类型 success(data){ //请求成功的参数 console

微信小程序 原生框架 (分享方法封装)

封装的分享方法 1 function share(o,isDebug = false ) { 2 //路径 3 let url = o.url || getCurrentPages()[getCurrentPages().length - 1].route; 4 5 //当前路径所带参数 6 let urlParams = getCurrentPages()[getCurrentPages().length - 1].options; 7 8 isDebug&&console.log(`当