双向滚动的scroll-view

scroll-view(x,y方向能同时滚动)

最近在开发小程序的过程中碰到一个这样的需求,在一个可视区内,需要同时有“横向”,“纵向”的滚动才能满足,可偏偏小程序文档中给出的都是满足一个方向的滚动,而且scroll-view里面不能直接嵌套scroll-view

此时我脑海浮现的是scroll-viewviewcss(overflow:scroll)使用

这种方法实现后已基本满足需求,直接看效果

双向滚动的scroll-view_第1张图片

作为一个注重用户体验的开发者岂能就此罢休,接着往下看

间接的用scroll-view嵌套scroll-view

这时的效果是这样的

双向滚动的scroll-view_第2张图片

这就相当于左侧的时间轴固定在了左边,用户可以实时的看到时间,不废话,直接上代码



双向滚动的scroll-view_第3张图片

各路大神如有更好的解决方案,可私聊相互学习


源码请访问

Github地址:github.com/Spring-Listening

你可能感兴趣的:(双向滚动的scroll-view)