- 发布：2020-10-26 18:13
- 更新：2021-03-01 11:37
- 阅读：586
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 64位家庭版
HBuilderX类型： Alpha
HBuilderX版本号： 2.9.5
手机系统： 全部
手机厂商： 华为
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
测试过的手机：
示例代码：
项目代码太长，不方便贴出，如果不能理解我再 单独写个示例
<template>
<list @scroll="onScroll" :show-scrollbar="false">
<cell><!-- 无图标题 --></cell>
<cell><!-- 多图片+标题 --></cell>
<cell><!-- 大图+标题 --></cell>
<cell><!-- 小图+标题 --></cell>
<cell><!-- 无图+标题 --></cell>
</list>
</template>
项目代码太长，不方便贴出，如果不能理解我再 单独写个示例
<template>
<list @scroll="onScroll" :show-scrollbar="false">
<cell><!-- 无图标题 --></cell>
<cell><!-- 多图片+标题 --></cell>
<cell><!-- 大图+标题 --></cell>
<cell><!-- 小图+标题 --></cell>
<cell><!-- 无图+标题 --></cell>
</list>
</template>操作步骤：
<template>
<list :show-scrollbar="false">
<cell><!-- 无图标题 --></cell>
<cell><!-- 多图片+标题 --></cell>
<cell><!-- 大图+标题 --></cell>
<cell><!-- 小图+标题 --></cell>
<cell><!-- 无图+标题 --></cell>
</list>
</template>
<template>
<list :show-scrollbar="false">
<cell><!-- 无图标题 --></cell>
<cell><!-- 多图片+标题 --></cell>
<cell><!-- 大图+标题 --></cell>
<cell><!-- 小图+标题 --></cell>
<cell><!-- 无图+标题 --></cell>
</list>
</template>预期结果：
平滑滚动
平滑滚动
实际结果：
出现明显卡抖动
出现明显卡抖动
bug描述：
在做新闻列表项目，类似今日头条列表 每条新闻有多种样式如下：
无图标题、图片+标题、多图+标题、大图+标题，当面对这种列表的时候，当大图+标题 离开视图区 或者 进入视图区时会出现明显抖动，没有那么平滑。图片尺寸差距越大，抖动越严重。
这个问题一直全端、全版本都存在，以前都是避免这种不规则列表，今天逃避不了，官方技术看下是否能优化一下。
列表效果图
