如何使用 HTML 和 JavaScript 制作“有限固定”的 div？答案

【问题标题】：How do I make a "limited-fixed" div using HTML and JavaScript?如何使用 HTML 和 JavaScript 制作“有限固定”的 div？
【发布时间】：2010-09-30 10:40:25
【问题描述】：

鉴于页面上存在其他 div，如何创建一个 div，使其在网页的某个域内具有固定宽度？示例：Slashdot 上的评论系统，它的作用类似于一个固定宽度的 div，用于沿屏幕滚动，但会保持在一定长度内？我希望一段文本出现在页面某个部分的屏幕旁边，但我希望它停留在页面的该部分中，而不是让它像一个固定块会移动。

【问题讨论】：

有什么方法可以改写或提供具体的例子吗？我不完全明白。
同意 - 这听起来像 ti 可能是一个溢出问题或一个位置：固定一个
也同意 - 我不太确定这个问题是关于什么的。您是否在询问如何将元素固定在适当的位置以使其不随页面的其余部分滚动？

标签： javascript css html

【解决方案1】：

Slashdot 的commenting system 对该框使用两种不同类型的定位。当您第一次来到该页面时，该框是绝对定位的，因此它出现在左侧该列的底部。（此处为 CSS 代码：）

left: 0px;
top: 429px; /* or something */
position: absolute;

当您向下滚动到该列底部下方时，它们会使用 Javascript 将其切换到固定位置。

left: 0px;
top: 0px;
position: fixed;

【讨论】：

【解决方案2】：

你的意思是像

<div style="width xx; height xx; overflow: scroll;">?

【讨论】：