拿到一个需求,左右布局,左侧显示服务端返回的数据信息,右侧是接的某个第三方AI的API聊天区域。
后端和我对接的时候提的需求是左侧数据后台可能会返回Markdown、base64或者PDF,数据可能很多,高度一屏内显示不下,在右侧聊天窗口向AI提问时需要携带左侧当前视口内的数据。
现在的有两个构想,一个是左边定高 overflow-y: scroll
做成 scroll-view
的形式,另一个是左边高度自适应,右边 sticky
固定,哪种方法更便于实现需求呢?
现在唯一想到的笨办法是获取当前滚动高度,然后逐个获取左边每个元素的高度进行依次计算。是否有更便捷的方法呢?
https://jsrun.net/KZHKp/edit