javascript - 修复了 DIV 定位问题

标签 javascript jquery html css

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

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

滚动前:

enter image description here

滚动后:

enter image description here

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

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

enter image description here

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

最佳答案

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

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

希望这对您有所帮助。

关于javascript - 修复了 DIV 定位问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32793230/

相关文章:

javascript - 如何使用 jQuery 替换文本区域中的特定元素?

html - 在 Chrome 中显示输入 type=date-local 的秒数

javascript - 在 React 应用中实现水平视差滚动,需要推荐

javascript - 在文本元素之间双向过渡

javascript - Jquery 第二次追加到元素上

javascript - 滚动条的脚本错误

c# - 如何读取包含用户定义类的对象数组的 JSON 响应?

javascript - 在提交 form2 之前从 form1 获取值到 form2 的任何可能方法

jquery - 导航菜单上的向上滑动不起作用

javascript - 构建一个脚本以从 HTML 表单中获取数据并将其放置在