• 简书网微信公众号二维码
您当前的位置: 首页 > 知识百科 > 小程序监听页面滚动如何实现?

小程序监听页面滚动如何实现?

时间:2023-07-01 14:05 阅读数:42 人阅读 分类:知识百科

  小程序监听页面滚动如何实现?在手机应用或者电脑软件的开发中,监听页面滚动都是一个比较常见的功能,那么小程序的这个功能如何实现呢?下面小编给大家介绍一下。

  小程序监听页面滚动如何实现?

  需要做个浮在scroll-view之上的button.尝试了一下.

  上小程序页面效果图:

  Android中也会有类似移动控件的操作.思路差不多.获取到位移的X Y 的变量,给控件设置坐标.

  1、小程序wxml:

  简单的设置一张图片,添加触摸事件监听.点击事件监听.根据触摸事件获取X Y位移,设置为image的位置

  2、小程序js:

  3、小程序wxss:

  这里需要设置z-index

  以上就是小编搜集的小程序监听页面滚动如何实现?的全部内容了,相信大家对于小程序监听页面滚动如何实现有了一定的了解,赶快去试试吧。更多精彩尽在微小乔!

相关推荐:

小程序监听返回按钮怎么弄

微信小程序页面跳转方式有哪些?

小程序页面显示空白怎么办?