探索、思考、创造、分享

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

当前位置：首页>小程序资讯
微信小程序锚点跳转（仿京东小程序tab效果）
来源：南京小程序开发 发布时间：2023-08-15点击：105
摘要：
1、锚点按钮data-*的值对应要跳转的锚点的id值2、点击按钮时，将toView的值设置为当前点击的按钮的data-*的值3、给需要跳转的内容外加上scroll-into-view的值为需要跳转到的位置的id值scroll-y：是否为垂直滚动scroll-with-animation：是否加滚动动画效果tips:1、page设置高度为100%；2、必须设置scroll-view的高度以下为点击跳转锚点的完整代码˂!

1、锚点按钮

data

  • 上一篇：怎样在微信里卸载京东账号(京东快递小程序怎么取消) – 电商回忆录
  • 下一篇：京东微信小程序与APP的区别
    • 版权备注
    最新资讯
    2023-09-22
    个人微信小程序怎么上线使用
    微信小程序 如何申请？我们先了解下小程序开发的步骤流程：第一步，申请小程序账号并认证第二步，开通微信···
    2023-09-22
    电脑登陆微信小程序打不开已经是最新版本
    mac版微信小程序工具打不开微信缓存太多。手机缓存就是数据交换的缓冲区。手机缓存可通过手机管家进行清···
    2023-09-22
    小程序内容怎么打印
    老师在微信发来孩子作业，用打印机怎么操作才可以打印出来？Ⅴ信发来的文档、作业，不是看打印机怎么操作才···
    2023-09-22
    微信电脑版打开小程序黑屏怎么办
    微信电脑客户端打开后黑屏不能动把它卸载了，然后用你的优化软件清理下系统缓存垃圾、注册列表，然后去官网···
    2023-09-22
    微信小程序手机号快速验证组件升级，8 月 26 日起向开发者收费，这一组件能给用户使用带来哪些便利？
    在这里插入图片描述收费说明付费使用在这里插入图片描述手机号快速验证组件
    随机资讯
    2023-09-01
    微信小程序开发公司排行榜名单最新
    微信小程序介绍怎么写？在写小程序简介之前，我们首先需要了解简介是用在哪里。小程序简介主要在以下2个场···
    2023-08-29
    软件开发流程有哪些步骤？
    步骤1：需要研究和分析产品经理首先了解用户的要求，然后使用文字列出要开发系统的主要功能模块，以及每个···
    2023-09-03
    木铎新传考研微博消息、广告文案、节目策划、新闻评析…10个冷门实务模板直接用！
    尤其是灰常冷门的实务类型，想训练都不知道怎么训练。但是，总归还是有解决办法的。（可以点击☛并且，这次···
    2023-08-08
    国外服务器 宝塔面板搭建ChatGPT小程序流式回复 + 反向代理搭建配置教程
    很多会员使用着本站提供的小狐狸ChatGPT付费创作系统，大家也许发现回答问题时越来越慢，其实这问题···
    2023-08-22
    如何在Chrome浏览器上运行微信小程序？
    本文转自前端之巅（ID: frontshow），原文标题《如何在Chrome浏览器上运行微信小程序？···
    友情链接： 南京网站建设 南京小程序开发 北京网站建设 网站仿制 深圳小程序开发