微信小程序 锚点效果 问题记录

正常效果

在微信小程序中,如果我们要实现锚点效果,可以通过scroll-view组件来实现。在上述的图片示例中,包含回到顶部详情的定位效果,主要是用了下面两个属性:

scroll-top:设置竖向滚动条位置
scroll-into-view:scroll-view内部子元素的id,id不能以数字开头

遇到的问题

  • scroll-into-view的优先级大于scroll-top,当同时设置这两个值的时候,scroll-top自动失效
  • scroll-into-view设置成功后,我们这时点击返回顶部,scroll-into-view的值是不会自动清除的,需要手动清空,否则下次设置scroll-into-view无法生效


    code

推荐阅读更多精彩内容