当前位置:
  1. 首页 »
  2. 笔记 »
  3. 正文

微信小程序scroll-view禁止滚动条

零分 3,003

微信小程序禁用scroll-view滚动条

::-webkit-scrollbar {
  display: none;
}

其实也简单,就是这样一个CSS样式,关键是这个样式要放在哪里!

在写的时候,一直无法生效,翻看之前写的,也是一样的,但之前的可以生效!

认真翻看才发现,这个要在在app.wxss里,并不是写在页面上!如果怕兼容,可以全部都写上

::-webkit-scrollbar {
    display:none;
    width: 0 !important;
    height: 0 !important;
    -webkit-appearance: none;
    background: transparent;
    color: transparent;
  }

以前就是因为全部都写上,在翻看时,一直都没有去翻app.wxss!

wordpress结合微信小程序API接口开发构想

wordpress结合小程序插件百度搜索下已经都有现成的,一般都是结合 WordPress API 插件给小程序提供JSON数据接口! 像文章内有带图片,视频元素的,无法直接在小程序内显示 小程序代码示例: 之前一直考虑在小程序内处理文章数据,感觉比较累!是否可以通过数据源上处理? WordPress上读取的文章,几乎都是用P标签分割段落和图片,视频,即,即便是图片img标签也会被P标签包裹!在读取的文章中以P标签分割,重组数组 类似: array=array( "type"=>"txt",//例如:txt:文本,img:图片,video:视频... "content"=>"内容"//如果是图
笔记 2,374

微信小程序解决上滑多次加载重复内容的问题

突然觉得,在小程序内,没有true和false解决不了的问题! 今天在写微信小程序的时候,下拉会出现多次加载的问题,而且内容还是一样。 因为通过手滑的时候,难免会滑多次!折腾了很久,才发现,一样可以用true和false来解决问题! 滚动是用scroll-view(view的原理一样) 1、在上滑的时候会触发一个加载数据的function,所以在触发加载数据function前加入一个判断!判断true是触发加载数据,否则不触发! 2、在加载数据的function中加入一个设置函数。加载开始时设置为false,当数据加载完后,重新设置为true。 这样,在数据加载时,就无法再次触发上滑加载,当数
笔记 3,308

微信小程序单指、双指操作图片/层(移动缩放)

微信小程序单指、双指操作图片/层WXML: <view class="myCanvas"> <image src="{{ loadSrc}}" class="img" bindtouchstart="touchstartCallback" bindtouchmove="touchmoveCallback" bindload="imgload" style="width: {{ scaleWidth }}px;height: {{ scaleHeight }}px;margin-top:{{marginTop}}px;margin-left:{{margin
笔记 2,853

微信小程序canvas初始化、绘图、保存

微信小程序canvas初始化、绘图、保存,记录保存一下 canvas初始化 /***初始化canvas */ initCanvas(){ // 通过 wx.createSelectorQuery()方法创建 const query = wx.createSelectorQuery() query.select('#myCanvas') // canvas id .fields({ node: true, size: true }) .exec((res) => { const
笔记 2,745