微信小程序——定位/加载到固定元素/位置【锚点】

需求:进行某一操作后想将当前页面自动定位到某一元素或模块所在位置。

在HTML中,可以用<a href="#id"></a>实现跳转,小程序中则是用scroll-to-view来实现.

将整个页面最外层的view替换为scroll-view,同时需设置高度,此高度要设置为移动设备可视区域高度(注意不能设置为100%,那是整个页面的高度,包括屏幕之外看不到的地方)。获取设备高度用wx.getSystemInfo。

给要定位的模块添加id,触发跳转的函数需要传一个跳转id给js,然后函数执行后根据id进行跳转。

实现代码如下:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,067评论 25 708
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,198评论 4 61
  • 《美国儿科学会育儿百科0~5岁》读书笔记 知:从书中学到了什么? 当你的孩子1岁以后,你会慢慢意识到,任何一个孩子...
    胡嫱老师阅读 516评论 1 1
  • 不知道是缘分,还是巧合,你曾出现在我的人生的一段路途当中,就像无数的的人出现在我生命当中一样。只是,我对于你的印...
    just4you阅读 235评论 0 0
  • 在这个互联网当道的社会,每个人的生活都离不开互联网。我相信有不少小伙伴内心深处都有过在互联网行业工作的想法,但是隔...
    Huai阅读 1,246评论 1 22