用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 查看内容

微信小程序开发问答《七十二》sticky header 效果 & 自定义 imageUrl 无效 ...

Rolan 2017-9-11 00:42

1、微信小程序列表能否实现 sticky header 效果? 2、微信小程序video如何在未播放前获取时长? 3、微信小程序转发 自定义 imageUrl 无效

1、微信小程序列表能否实现 sticky header 效果?

就像 iOS 的列表一样,上滑的时候每个 section 的 header 固定,直到滚动到下一个 section 的时候下一个 header 把上一个 header「顶走」。

类似 https://codepen.io/chrissp26/...

鉴于小程序没有 DOM 相关 API,不知道如何实现这种效果。

Update: 我看到京东小程序的首页有类似效果,所以理论上是可以做到的?另,非回答类的回复请直接在问题下评论,不要开回答。

答:(1)1.4.0 小程序开始有 WXML节点信息的API,可以通过这个来进行操作。里面有一个boundingClientRect 不正是可以利用的API?https://mp.weixin.qq.com/debu...

(2)微信小程序是个相对封闭的开发环境,不允许加载第三方插件。所以如果想实现插件效果,要么就是看插件源码,理解了原理后,通过原生方法模拟出来。

(3)既然微信小程序支持 js,可以自己参考其他 js 插件写一个


2、微信小程序video如何在未播放前获取时长?

小程序的bindtimeupdate可以获取时长,但必须视频进度有变动才可以。

答:如果是自己上传的视频,可以给这个视频对象一个表示时长的字段,时长自己录入。获取时长的时候就去取这个字段的值。


3、微信小程序转发 自定义 imageUrl 无效

在微信小程序里要实现转发分享功能,自定义了个imageUrl ,但是在手机上还是无效?
我的代码如下:
onShareAppMessage: function (res) {

return {
  title: '我的title',
  path: '/pages/index/index?id=123',
  imageUrl: '/images/share-img.jpg', //这是我的图片路径
  success: function(res){
    //转发成功
  }
}

}

这个imageUrl打印出的路径,是指向我从相册里面选中的文件的,但是转发后看到的仍然是当前页的缩略图,大神求解?

答:imageUrl基础库1.5.0之后才有,你有么有分析过是否是这个问题?

如果你的回调都没问题的话,是需要找找这方面的问题,或者放一张网络图片路径试试


你设置转发success回调,能否触发回调?标题什么的都是正确的吗?图片别用本地的去试试。


鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏

相关阅读