收藏
回答

使用movable-view实现可移动的返回顶部按钮功能

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 需求 movable-view 客户端 6.6.7 2.2.0

- 需求的场景描述(希望解决的问题)

显示已经实现了返回顶部按钮在页面中移动的效果,但是在页面上拉加载新数据时,这个按钮会跟着页面滑动,最后滑到页面顶部消失!


- 希望提供的能力

如何能实现页面在滑动,但是按钮仍然在右下角不动,只有用户在移动它时,才会动呢?请求大神指点!

最后一次编辑于  2018-09-11
回答关注问题邀请回答
收藏

1 个回答

  • 卢霄霄
    卢霄霄
    2018-09-11

    加个position:fixed 可以吗?

    放一个遮罩层,样式设上 pointer-events:none,把这个自己用view做一个可以吗?

    2018-09-11
    赞同
    回复 30
    • 小刺猬
      小刺猬
      2018-09-11

      嗯,设置position:fixed 可以固定了,但是movable-view组件的样式设置成top:0,left:0了,我想要bottom:0,right:0,这个怎么设置能覆盖住组件自带的样式呢?

      2018-09-11
      回复
    • 卢霄霄
      卢霄霄
      2018-09-11回复小刺猬

      能不能做个代码片段呢?这会儿不是很有空写demo尝试。。

      2018-09-11
      回复
    • 小刺猬
      小刺猬
      2018-09-11回复卢霄霄

      wxml代码:

      wxss代码:


      2018-09-11
      回复
    • 卢霄霄
      卢霄霄
      2018-09-11回复小刺猬

      是这个代码片段啦!

      https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

      2018-09-11
      回复
    • 小刺猬
      小刺猬
      2018-09-11回复卢霄霄

      wechatide://minicode/YfC5rlmZ7a2h

      2018-09-11
      回复
    查看更多(25)