页面布局问题:scroll-view滚动时固定顶部区域和左侧区域
一、需求:
该页分为3个区域:A区.顶部15天日历列表,B区.左侧所有房型房间列表,C区.主内容区;
当横向滚动时,B区需要固定不动;当纵向滚动时,A区需要固定不动;
二、尝试过的解决方案: 1. 将3个区域全部放在一个scroll-view中,并绑定bindscroll事件,A区B区采用固定定位,将A区的left设置为scrollLeft值,将B区的top设置为scrollTop值-----------该方法会有延迟,即滚动完毕之后,A区B区才滚动到目标地点
2.将3个区域全部放在一个scroll-view中,并绑定bindscroll事件,A区B区采用绝对定位,当deltaX或deltaY等于0时,就相对应改成固定定位---------该方法在滚动时候不会有延迟,但是滚动的时候如果是斜着滑动,则页面会不停渲染,不停闪动