一、如何实现锚点定位
在scroll-view组件中有一个scroll-into-view属性:(值应为某子元素id。设置哪个方向可滚动,则在哪个方向滚动到该元素)。
此属性的意思则是此属性的值为子元素设置的id时,则可跳转到子元素位置
在这里插入图片描述
例如上面图片代码,点击tab切换栏时,改变toView的值,使其为对应下方id则可实现滚动到当前子元素位置

二、如何实现滚动到子元素位置时改变tab栏状态
在这里插入图片描述
此选择器可得到元素距离顶部的位置,在@scroll事件中监听子元素距离顶部距离,则可实现滚动改变tab栏状态功能

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐