微信小程序iis服务器预览,微信小程序实现锚点功能

“锚点”功能在实际应用设计的好，可以提高用户体验。今天碰到一个类似下面功能：

由于页面数据比较多，除了做些上拉加载，下拉刷新等优化。还可以进行进行分类，如上图。功能要求:点击导航的菜单，相应页面的分类内容滑动到页面顶部。由于微信小程序页面无dom操作，改功能改如何操作呢？

一开始想到 wx.pageScrollTo(Object object) 这个API，由于每个点击每个导航利用wx.pageScrollTo滚动到相应分类的scrollTop不能确定，所以放弃了。

后发现 scroll-view 组件 的属性 scroll-into-view 可以利用一下：

scroll-into-view="{{toView}}"

bindscroll="scrollTopFun"

scroll-top="{{scrollTop.scroll_top}}"

scroll-with-animation="true"

>

data- bindtap='navHandleClick'

wx:for="{{navietm}}" wx:key="{{index}}">{{item}}

{{item.name}}

加入关注

·昨天·

2018-09-12 22:15:00

电网故障停限电

送电时间:

2018-09-13 16:15:00

预计

停电范围:

[开福区] 湘江世纪城、湘江世纪城、湘江世纪城、湘江世纪城、湘江世纪城、湘江世纪城、

停电区域:

湖南省长沙市开福区

·昨天·

2018-09-12 22:15:00

电网故障停限电

送电时间:

2018-09-13 16:15:00

预计

停电范围:

[开福区] 湘江世纪城、湘江世纪城、湘江世纪城、湘江世纪城、湘江世纪城、湘江世纪城、

停电区域:

湖南省长沙市开福区

没有更多信息了

导航

返回顶部

wx:for="{{navlist}}" wx:key="{{index}}">

{{item.name}}