收藏
回答

橡皮筋效果

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 需求 橡皮筋效果 工具 6.67 2.2.4

请问在微信小程序中怎么实现橡皮筋效果啊?请各位大哥指点一下

回答关注问题邀请回答
收藏

1 个回答

  • 卢霄霄
    卢霄霄
    2018-10-08

    ……你问问题问偏啦。。。

    你要做京东那个下拉的效果,因为安卓没有橡皮筋效果,所以不能用滚动距离大于屏高来判断。。。

    当然,如果你要自己写的话,可以在scroll-view里加一个view,在view上加上touch事件,然后顶部和底部各放一个view,当判断滑动到头的时候,就动态修改这俩view的高度。松手的时候还原高度为0

    2018-10-08
    有用
    回复 10
    • 清烟
      清烟
      2018-10-08

      可以用wx.createAnimation这个吗?在触发上拉触底和下拉加载的时候触发一个滚动的动画,可以这样吗


      2018-10-08
      回复
    • 卢霄霄
      卢霄霄
      2018-10-08回复清烟

      可以。松手的时候,用动画去归位;拖动的时候,可以用 timingFunction:'step-start'来设置位置

      2018-10-08
      回复
    • 清烟
      清烟
      2018-10-08回复卢霄霄

      我再试试看吧,唉

      2018-10-08
      回复
    • 清烟
      清烟
      2018-10-08回复卢霄霄

      是不是也可以在上拉和下拉中写一个淡入淡出的效果啊?

      2018-10-08
      回复
    • 卢霄霄
      卢霄霄
      2018-10-08回复清烟

      可以,设置动画的时候,根据当前位置设置一个opacity属性,松手的时候也设下opacity就行了

      2018-10-08
      回复
    查看更多(5)
登录 后发表内容