uniapp使用scroll-into-view实现锚点定位和滚动监听功能

功能介绍

1、点击左侧分类导航栏页面右侧区域滚动到对应的分类数据,通过scroll-into-view实现,

2、滚动右侧区域,滚动到哪一分类的的区域,左侧导航栏对应分类的导航变为选中状态,通过滚动监听实现。

页面截图

uniapp使用scroll-into-view实现锚点定位和滚动监听功能_第1张图片

代码实现

html结构

js

css

你可能感兴趣的:(uni-app,前端,javascript)