javascript - 修复了 DIV 定位问题

Question

我一直在处理我的报告模板，但无法弄清楚详细信息的位置包含(右侧):http://relevantcodes.com/Tools/ExtentReports2/ExtentJava210.html

我无法解决滚动问题。请看下面的 2 张图片:

滚动前:

滚动后:

在第二张图片中，当滚动发生在左侧尺寸(存储所有测试的位置)时，请注意顶部的额外空间。它发生在 DIV 固定时，但我想知道当我们向下滚动时是否有办法将它定位到顶部？

另一个问题是，当我们打开菜单时(通过单击左上角的栏)，左侧容器与右侧容器重叠。我该如何解决这个问题？使用js为右容器设置新宽度是一种好方法吗？

很想听听您的建议，并希望找到一个优雅的解决方案来解决这个我无法弄清楚的问题..

Answer 1

对于您的第一个问题，我相信您能够完成的唯一方法是通过 javascript 监听器 - 监听用户何时滚动并从 position:absolute/relative 更改位置向下滚动 Ypx 后到 position:fixed。免责声明:可能有一种我不知道的 css 方式。

对于重叠的第二个问题，我会将滑出的 div 设置为 position:absolute 这样它就不会移动整个页面(并占用资源重绘所有元素)而是滑动在您的其余内容上。也许在它后面放一个背景，淡出它后面的内容。

希望这对您有所帮助。