删除小程序scroll-view的滚动条

小程序scroll-view滚动条很丑，想隐藏？

在有scroll-view滚动条页面的wxss里添加：

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

不用选择器，以及不要在app.wxss直接添加。

原文地址：https://www.cnblogs.com/e-cat/p/11008845.html

时间： 2024-08-30 01:26:59

删除小程序scroll-view的滚动条的相关文章

关于小程序获取view的动态高度填坑

wx.createSelectorQuery().select('#box').boundingClientRect(function (rect) { width = rect.width height = rect.height top = rect.top }).exec() 如上,拿到了id为box的view,并获取到了它的宽.高等属性,此段代码要放在onReady函数中注意:如果这个view的宽高是随着内容而变化的话,这样获取到的宽高就有可能还是渲染完成前的值,不知是不是小程序自己的

微信小程序将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

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

代码: .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/navigator 点击后默认阴影效果

hover:class :定义容器在被触发时的样式通常无用,但若不去除则影响用户体验: 为避免被覆盖,约定在wxss底部添加class,比如:  <navigator class="index-nav_box" hover-class="noshadow"> <image></image> <view class="index-nav-des">现采蓝莓1斤

iOS：删除小程序

//Applet的批次从父视图中移除 NSArray *subViews = [_scrollView subviews]; if([subViews count] != 0) { [subViews makeObjectsPerformSelector:@selector(removeFromSuperview)]; }

微信小程序的view标签中text如何居中？

display:flex; align-items:center; justify-content:center; 原文地址:https://www.cnblogs.com/lsyy2017/p/11128497.html

微信小程序解决 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

微信小程序设置滚动条

前言又很久没有写东西了,上周开始将一个APP和一个网站的内容整合到微信小程序中,到这会儿终于搞得快结束了,才发现为啥我的小程序滚动视图没有滚动条,这是闹哪样,没有滚动条的滚动是没有灵魂的. 客官可移步http://fanjiajia.cn/2019/07/02/wxxcx/flx1/本文若有出入,请指正--来自小渣渣的颤抖原因原来在app.wxss中定义了如下的内容[不知道是不是新建项目自动生成的,这里也就提供了隐藏滚动条的思路啦] ::-webkit-scrollbar { width:

如何入门微信小程序开发

最近微信开发小程序挺火的,自己选择了腾讯云官方推出的相册. 先下载: 破解版IDE下载地址,以及使用说明: http://download.csdn.net/detail/richard_jason/9660819 http://download.csdn.net/detail/richard_jason/9660821 这里由于csdn有上传大小限制,所以只能做两次上传了.要放在一起看哦. 安装步骤一个步骤都不能错哦 1.安装0.7 - 扫码登陆 - 关闭0.7 2.安装0.9 --不要启动