页面布局问题:scroll-view滚动时固定顶部区域和左侧区域
发布于 6 年前 作者 xiuying25 5359 次浏览 来自 问答

一、需求:

  1. 该页分为3个区域:A区.顶部15天日历列表,B区.左侧所有房型房间列表,C区.主内容区;

  2. 当横向滚动时,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时,就相对应改成固定定位---------该方法在滚动时候不会有延迟,但是滚动的时候如果是斜着滑动,则页面会不停渲染,不停闪动

回到顶部