当前位置: 首页 > news >正文

uniapp 实现切换tab锚点定位到指定位置

1.主要使用uniapp scroll-view 组件的scroll-into-view属性实现功能在这里插入图片描述
2.代码如下

  <scroll-view:scroll-into-view="intoView"><u-tabsclass="tabs-list"@change="tabChange":list="tabList"></u-tabs><view id="1"></view><view id="2"></view><view id="3"></view><view id="4"></view></scroll-view>
      tabList: [{name: "1",id: "1",},{name: "2",id: "2",},{name: "3",id: "3",},{name: "4",id: "5",},],intoView: "",tabChange(e) {this.intoView = e.id;},
http://www.lryc.cn/news/147454.html

相关文章:

  • 华纳云:ssh登录22号端口拒绝连接Ubuntu?
  • python conda实践 sanic框架gitee webhook实践
  • LeetCode——无重复的最长子串(中等)
  • 【SQL】关系模型与查询和更新数据
  • 【Centos8_配置单节点伪分布式Spark环境】
  • 【软考】系统集成项目管理工程师(三)信息系统集成专业技术知识①【16分】
  • 揭秘特权账号潜在风险,你中招了吗?
  • 线性代数的学习和整理13: 定义域,值域,到达域 和单射,满射,双射,反函数,逆矩阵
  • 深入MaxCompute -第十一弹 -QUALIFY
  • Mysql定时备份事件
  • 探索ClickHouse——安装和测试
  • 常用的css样式
  • 小兔鲜儿 - 微信登录
  • C++ Primer阅读笔记--对象移动(右值引用、移动迭代器和引用限定符的使用)
  • 【办公类-16-01-02】2023年度上学期“机动班下午代班的排班表——跳过周三、节日和周末”(python 排班表系列)
  • ChatGPT HTML JS Echarts实现热力图展示
  • JavaScript七小知
  • Ubuntu【系统环境下】【编译安装OpenCV】【C++调用系统opencv库】
  • AR界安卓在中国,Rokid引爆空间计算狂潮
  • 在 React 中如何使用定时器
  • Unity记录4.6-存储-第四阶段总结
  • 【Python】从入门到上头— 使用包、模块、安装第三方模块(7)
  • flutter和原生利用pigeon建立通道
  • TCP连接分析:探寻TCP的三次握手
  • gitHooks使用教程
  • 2023.8 - java - 数组
  • ChatGPT怎么辅助解决社会问题?
  • Rust之自动化测试(一):如何编写测试
  • 简单聊聊Https的来龙去脉
  • 【注册岩土】Python土力学与基础工程计算.PDF-土中的应力