weex scroller滚动的小烦恼

  1. 云栖社区>
  2. 博客>
  3. 正文

weex scroller滚动的小烦恼

bkaq 2018-07-10 13:07:40 浏览37987
展开阅读全文

【背景】


前几天的需求开发中,需要完成这样一个功能:

TB1W64Yb3oQMeJjy0FpXXcTxpXa-762-756.png


这还不简单?一个横向滚动的tag选择功能。一个横向scroller搞定问题。

但是做为一个对自己有“要求”的程序员,怎么可能会接受一个死气沉沉的滚动条。为了勾起用户的点击欲望,我毫不犹豫的增加了一个点击tag以后,tag自动移动到屏幕左侧位置的动画(如果内容不够,就不滚动)。看着流畅的动画,我在内心给自己点了好几个赞(最后一句忽略)。

【问题】


上线当天,测试的一个bug打破了我内心的小平静。在Ios手机上面出现了一个意想不到的问题:内容不够的情况,本不应该滚动的滚动条,奇迹般的滚动了!

期望的效果实际的样子

最严重的问题是滚过去的tag,再也滚不回来了

【分析】

bug就在眼前,必须搞定!

在正式分析之前为表述方便做两个重要约定:

【重要约定】

scroller内容不足:scroller内部内容长度



网友评论

登录后评论
0/500
评论
bkaq
+ 关注