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

在微信小程序中，如果我们要实现锚点效果，可以通过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