weex scroller滚动的小烦恼
【背景】
前几天的需求开发中,需要完成这样一个功能:
这还不简单?一个横向滚动的tag选择功能。一个横向scroller搞定问题。
但是做为一个对自己有“要求”的程序员,怎么可能会接受一个死气沉沉的滚动条。为了勾起用户的点击欲望,我毫不犹豫的增加了一个点击tag以后,tag自动移动到屏幕左侧位置的动画(如果内容不够,就不滚动)。看着流畅的动画,我在内心给自己点了好几个赞(最后一句忽略)。
【问题】
上线当天,测试的一个bug打破了我内心的小平静。在Ios手机上面出现了一个意想不到的问题:内容不够的情况,本不应该滚动的滚动条,奇迹般的滚动了!
| 期望的效果 | 实际的样子 |
|---|---|
![]() |
![]() |
最严重的问题是滚过去的tag,再也滚不回来了
【分析】
bug就在眼前,必须搞定!
在正式分析之前为表述方便做两个重要约定:
【重要约定】
scroller内容不足:scroller内部内容长度


