使用vue实现移动端h5的scroll-view

需求:移动端h5,页面顶部有nav-bar,下部有tab-bar,缺少中间内容盒子,当tab-bar页面切换时,页面滚动位置丢失,导致交互类似页面重新渲染

根据这种需求,就衍生出了scroll-view组件,下面是我结合vant实现的简易的scroll-view

首先是tab集合页



此页面使用keep-alive防止tab切换时导致组件被销毁

就用首页作为示例页



scroll-view组件采用全局注册,故未在此页面引入,下面是scroll-view的代码



至此就实现了scroll-view的滚动位置记录,和触底事件

你可能感兴趣的:(技术)