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

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐