我一直在处理我的报告模板,但无法弄清楚详细信息的位置包含(右侧):http://relevantcodes.com/Tools/ExtentReports2/ExtentJava210.html
我无法解决滚动问题。请看下面的 2 张图片:
滚动前:
滚动后:
在第二张图片中,当滚动发生在左侧尺寸(存储所有测试的位置)时,请注意顶部的额外空间。它发生在 DIV 固定时,但我想知道当我们向下滚动时是否有办法将它定位到顶部?
另一个问题是,当我们打开菜单时(通过单击左上角的栏),左侧容器与右侧容器重叠。我该如何解决这个问题?使用js为右容器设置新宽度是一种好方法吗?
很想听听您的建议,并希望找到一个优雅的解决方案来解决这个我无法弄清楚的问题..
最佳答案
对于您的第一个问题,我相信您能够完成的唯一方法是通过 javascript 监听器 - 监听用户何时滚动并从 position:absolute/relative
更改位置向下滚动 Ypx
后到 position:fixed
。
免责声明:可能有一种我不知道的 css 方式。
对于重叠的第二个问题,我会将滑出的 div 设置为 position:absolute
这样它就不会移动整个页面(并占用资源重绘所有元素)而是滑动在您的其余内容上。也许在它后面放一个背景,淡出它后面的内容。
希望这对您有所帮助。
关于javascript - 修复了 DIV 定位问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32793230/