当前位置: 首页 > 知识库问答 >
问题:

javascript - JS可以获取某元素当前视口内的数据吗?

万高洁
2023-12-22

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

共有2个答案

舒飞捷
2023-12-22

为什么需要计算?直接scroll 不行吗

冯野
2023-12-22

https://jsrun.net/KZHKp/edit

 类似资料:
  • 问题内容: 我一定在想这个错误。 我想在我使用Webdriver / Selenium 2访问的页面上获取元素的内容(在本例中为formfield) 这是我的损坏代码: 结果如下: (请注意空白行)我知道该元素包含内容,因为我只是使用.sendkeys使用先前的命令将它们填充在其中,并且在脚本运行时可以在实际的网页上看到它们。 但我需要将内容重新放入数据中。 我该怎么读?最好以通用方式,以便我可以

  • 例如如下代码 js原生如何获取<section class="pop one" id="pop">中的li有pdata属性的对象的坐标值,比如每个对象的顶部坐标值,另外监测<section class="pop one" id="pop">滚动事件

  • 假设我有这样的html: 我只想获得之前的 。有没有办法用JSOUP做到这一点呢?我知道我可以把所有的宠物都弄成这样: 但这也包括额外的宠物。我想知道我是只能选择上面的宠物还是只是删除下面的宠物然后使用那个代码?

  • 我有以下相同的代码.... 现在我必须使用以下代码对“a”元素执行select... 现在当我做下面的... 当然,问题是当“foo”返回时,它等于... 我需要“foo”来等于原来的… 我之所以做这些,是因为我在文档上做了一个select以返回元素的内部html。然后,我的代码从元素中提取数据并执行操作(创建foo字符串的地方),然后我需要使用完整的html(包括A tag元素及其子元素)并将其

  • 已知 const str , 如何获取到对应内容的div?

  • 无限级菜单 点击每项隐藏或显示每项的后代子菜单 这是另一个vue文件 以下是我实现的方法