博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

关于ios h5双滚动区域的解决方案

Posted on 2024-02-28 10:48  恣肆zisi  阅读(109)  评论(0编辑  收藏  举报

 以京东为例,外部容器可滚动,内部列表可滚动

当触发下部分容器滚动时,可能会导致页面卡顿,等滚动效果停止后,才能滚动下半区域

解决方案

整个容器设置成一个滚动区域,滚动时,当时间区域触及顶部,设置position:fixed,形成假的下部容器滚动效果

 

两个tag-bg组件,opacity控制显示隐藏