探索、思考、创造、分享

数据驱动、坚持为客户提供有价值的服务和内容

当前位置:首页>小程序资讯
uniapp 微信小程序 锚点跳转
来源:南京小程序开发 发布时间:2023-09-07点击:114

uniapp文档

以下是我遇到的业务场景,是点击商品分类的某一类  然后页面滚动至目标分类,

首先第一步是设置锚点跳转的目的地,在目标的dom上面添加id属性

然后给每个分类每一项添加点击事件,分类这里的item数据里面有一字段是和上面商品dom设置的id值是一一对应的

下面是点击事件,我发现有两种方式可以实现锚点跳转,一个是直接通过给api配置selector参数就可以跳转至id元素处,另一个是先获取dom的top值,然后通过给api

  • 上一篇:微信小程序获取用户信息的两种方法wx.getUserInfo与open
  • 下一篇:微信小程序地图 map
  • 版权备注
    最新资讯
    2023-09-22
    个人微信小程序怎么上线使用
    微信小程序 如何申请?我们先了解下小程序开发的步骤流程:第一步,申请小程序账号并认证第二步,开通微信···
    2023-09-22
    电脑登陆微信小程序打不开已经是最新版本
    mac版微信小程序工具打不开微信缓存太多。手机缓存就是数据交换的缓冲区。手机缓存可通过手机管家进行清···
    2023-09-22
    小程序内容怎么打印
    老师在微信发来孩子作业,用打印机怎么操作才可以打印出来?Ⅴ信发来的文档、作业,不是看打印机怎么操作才···
    2023-09-22
    微信电脑版打开小程序黑屏怎么办
    微信电脑客户端打开后黑屏不能动把它卸载了,然后用你的优化软件清理下系统缓存垃圾、注册列表,然后去官网···
    2023-09-22
    微信小程序手机号快速验证组件升级,8 月 26 日起向开发者收费,这一组件能给用户使用带来哪些便利?
    在这里插入图片描述收费说明付费使用在这里插入图片描述手机号快速验证组件
    随机资讯
    2023-09-20
    小程序商城开发前端怎么做
    微信小程序商城怎么做?微信小程序商城开发流程如下:1、明正茄确好微信小程序的的定位和目的,比如哪个行···
    2023-08-11
    单片机开发工资收入(待遇,月薪)
    1、性别不限,自动化、电子、无线电、电器、等相关专业,专科以上学历;2、3年以上单片机开发工作经验,···
    2023-08-24
    微信小程序开发流程(附思维导图)
    一.工具 HBuilder X 介绍 HBuilderX内置相关环境,开箱即用,无需配置nodejs···
    2023-09-17
    [转]微信小程序开发:从小白开发出通过自拍预测年龄和颜值的小程序
    先看下效果:        1、打开微信小程序官方文档https://developers.weix···
    2023-08-08
    为什么微信里面没有直播?
    今天拜拜痘给各位分享微信有直播在哪里的知识,其中也会对为什么微信里面没有直播?(为什么微信里面没有直···
    友情链接: 南京网站建设 南京小程序开发 北京网站建设 网站仿制 深圳小程序开发