javascript - 最大高度容器,里面有非常高的固定位置容器

标签 javascript jquery html css

遇到一个非常基本的 CSS 问题。

我有一个最大高度为 655 像素的容器。现在那个容器的最右边是一个固定位置的容器(由于我正在做的事情,它必须是固定的位置)。固定位置容器的高度大得离谱。

它需要那个高度,因为它将充满内容,您最终将通过单击按钮和一些 javascript 看到这些内容。 (改变 scrollTop)

我不是 100% 确定我做错了什么,但我基本上只需要显示 655 像素的固定位置容器。我不太确定为什么这不能按照我设置的方式工作。

在这里查看 JS fiddle :http://jsfiddle.net/BG2bu/

.tall {
background-color:blue;
position:absolute;
right:0px;
width:200px;
height:5000px;
}

我正在使用此 CSS 来定义高容器。而且我知道如果我将位置更改为绝对位置,它将限制到其父容器的最大高度。由于其他原因,我真的需要修复这个容器。有什么办法可以做到这一点?我在这里遗漏了一些简单的东西吗?

如果这可以通过 JS/Jquery 解决方案来完成,我绝对愿意接受。

最佳答案

不确定这是否适合您的需求,但我已经用另一个容器包装了 .tall div,因为 position:fixed 不会遵守 overflow :hidden 在它的容器 div 中。

http://jsfiddle.net/3DZ53/

关于javascript - 最大高度容器,里面有非常高的固定位置容器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16137801/

相关文章:

javascript - 如何在 Accordion 的容器内添加滚动条?

javascript - JavaScript cookie 如何发送到浏览器,如何验证它们?

jquery - 如何仅将 nth-child 或 nth-of-type 应用于可见元素?

jquery - 防止 Bootstrap 网格中的图像溢出

javascript - Bulma:位于页面顶部时导航栏顶部的横幅

javascript - 如何根据下拉选项更改 keyup 值长度?

javascript - 如何在 JavaScript 或 jquery 中向类添加属性 'id'?

jquery - 围绕 jQuery 的 .trigger 事件的具体使用进行思考

javascript - 调整窗口大小时更改元素的高度

html - 调整窗口大小时如何使div的背景图像缩小?