1. 首页
  2. 编程语言
  3. Javascript
  4. 微信小程序 scroll-view实现锚点滑动的示例

微信小程序 scroll-view实现锚点滑动的示例

上传者: 2021-11-30 12:40:28上传 PDF文件 124.50 KB 热度 11次

最近开始做小程序,通读一遍文档再上手并不算难,但不得不说小程序里还是有一些坑。一开始我们的做法是使用boundingClientRect()方法获取每个锚点的坐标,然后再用wx.pageScrollTo()方法滑动过去。再说一下scroll-view的高度问题,这个一定要做适配的固定高度,不然在不同屏幕大小的手机上的显示效果有差异。或者在每次锚点跳转后,再由一个异步操作将scroll-into-view属性的值清空。scroll-view默认是无滑动动画的,需要滚动的动画效果需要在组件上设置:scroll-with-animation='true'

用户评论