微信小程序中scroll-view实现锚点滑动

前言

最近开始做小程序，通读一遍文档再上手并不算难，但不得不说小程序里还是有一些坑。这里说一下如何实现页面锚点跳转，一个城市列表的效果示意图如下：

具体实现

具体API就不赘述了，可以去看官方文档，这里讲几个需要注意的地方，下面是一个示意的scroll-view组件代码，上面的几个属性是必须的：

<scroll-view scroll-y style="height: 200px;" bindscroll="scroll" scroll-into-view="{{toView}}" >

几点优化

::-webkit-scrollbar {  width: 0;  height: 0;  color: transparent; }

2017/12/05补充:

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

微信小程序 es6-promise.js封装请求与处理异步进程

微信小程序如何实现image组件图片自适应宽度比例显示的方法

微信小程序网络请求wx.request的介绍

以上就是微信小程序中scroll-view实现锚点滑动的详细内容，更多内容请关注技术你好其它相关文章！